go语言websocket使用与客户端html5调用

我们通过使用如下库创建websocket服务

go get golang.org/x/net/websocket

websocket服务端的代码如下:

package main;

import (
	"golang.org/x/net/websocket"
	"net/http"
	"log"
	"fmt"
)

//使用golang.org/x/net/websocket
//如果无法下载,请到下面的地址去下载
//http://www.golangtc.com/download/package
//http://gopm.io/

type Msg struct {
	From string;
	To string;
	Data string;
}

//处理简单的字符串
func test(conn *websocket.Conn) {
	var err error;
	for {
		data := "";
		//接收消息
		err = websocket.Message.Receive(conn,&data);
		if err != nil {
			break;
		}
		fmt.Println("client send: " + data);

		msg := "hello " + data;
		//发送消息
		err = websocket.Message.Send(conn,msg);
		if err != nil {
			break;
		}
	}
}

//处理JSON数据
func test2(conn *websocket.Conn) {
	var err error;
	for {
		var data Msg;
		//接收消息
		err = websocket.JSON.Receive(conn,&data);
		if err != nil {
			break;
		}
		fmt.Println(data.From,data.To,data.Data);

		msg := Msg{
			From: data.From,To: data.To,Data: "hello " + data.Data,};
		//发送消息
		err = websocket.JSON.Send(conn,msg);
		if err != nil {
			break;
		}
	}
}

func main() {
	//http.Handle("/",websocket.Handler(test));
	http.Handle("/",websocket.Handler(test2));
	err := http.ListenAndServe(":8080",nil);
	if err != nil {
		log.Fatal(err);
	}
}

html客户端代码如下:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>websocket</title>
</head>
<body>
    <form>
        <input type="text" id="msg">
        <input type="submit" id="sendBtn" value="发送">
    </form>
    <div id="result"></div>
    <script type="text/javascript">
        var url = "ws://127.0.0.1:8080";
        var ws = new WebSocket(url);
        //ws打开时
        ws.onopen = function() {
            console.log("connect ...");
        };
        //ws连接关闭时
        ws.onclose = function() {
            console.log("close");
        };
        //监听服务器推送数据
        ws.onmessage = function(ev) {
            var result = document.getElementById("result");
            result.innerHTML = result.innerHTML + "<p>" + ev.data + "</p>";
        };

        document.getElementById("sendBtn").onclick = function() {
            var msg = document.getElementById("msg").value;
            if(msg.length == 0) {
                alert("不能为空");
            }
            //发送数据
            ws.send(msg);
            return false;
        };
    </script>
</body>
</html>

json格式:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>websocket</title>
</head>
<body>
    <form>
        <input type="text" id="msg">
        <input type="submit" id="sendBtn" value="发送">
    </form>
    <div id="result"></div>
    <script type="text/javascript">
        var url = "ws://127.0.0.1:8080";
        var ws = new WebSocket(url);
        //ws打开时
        ws.onopen = function() {
            console.log("connect ...");
        };
        //ws连接关闭时
        ws.onclose = function() {
            console.log("close");
        };
        //监听服务器推送数据
        ws.onmessage = function(ev) {
            var result = document.getElementById("result");
            var data = eval("(" + ev.data + ")");
            result.innerHTML = result.innerHTML + "<p>" + data.From + "发送" + data.To + ":" + data.Data + "</p>";
        };

        document.getElementById("sendBtn").onclick = function() {
            var msg = document.getElementById("msg").value;
            if(msg.length == 0) {
                alert("不能为空");
            }
            //发送数据
            //注意这里JOSN的拼接,key和value要用双引号,否则go无法解析
            ws.send('{"From":"小张","To":"小王","Data":"' + msg + '"}');
            return false;
        };
    </script>
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Golang的文档和社区资源:为什么它可以帮助开发人员快速上手?
Golang:AI 开发者的实用工具
Golang的标准库:为什么它可以大幅度提高开发效率?
Golang的部署和运维:如何将应用程序部署到生产环境中?
高性能AI开发:Golang的优势所在
本篇文章和大家了解一下go语言开发优雅得关闭协程的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1.简介本文将介绍首先为什么需要主...
这篇文章主要介绍了Go关闭goroutine协程的方法,具有一定借鉴价值,需要的朋友可以参考下。下面就和我一起来看看吧。1.简介本文将介绍首先为什么需要主动关闭gor...
本篇文章和大家了解一下go关闭GracefulShutdown服务的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。目录Shutdown方法Regi...
这篇文章主要介绍了Go语言如何实现LRU算法的核心思想和实现过程,具有一定借鉴价值,需要的朋友可以参考下。下面就和我一起来看看吧。GO实现Redis的LRU例子常
今天小编给大家分享的是Go简单实现多租户数据库隔离的方法,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会...
这篇“Linux系统中怎么安装NSQ的Go语言客户端”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希
本文小编为大家详细介绍“怎么在Go语言中实现锁机制”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么在Go语言中实现锁机制”文章能帮助大家解决疑惑,下面...
今天小编给大家分享一下Go语言中interface类型怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考
这篇文章主要介绍“怎么以正确的方式替换Go语言程序自身”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希
本文小编为大家详细介绍“Go语言中除法运算的效率怎么提高”,内容详细,步骤清晰,细节处理妥当,希望这篇“Go语言中除法运算的效率怎么提高”文章能帮助大家解...
本文小编为大家详细介绍“Go语言中的next()方法怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“Go语言中的next()方法怎么使用”文章能帮助大家解决疑...
这篇文章主要介绍了Go语言中slice的反转方法怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Go语言中slice的反转方法怎...
这篇文章主要介绍“怎么使用Go语言实现数据转发功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用Go语
这篇文章主要讲解了“Go语言中怎么实现代码跳转”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究
这篇文章主要讲解了“Go语言如何多开协程”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Go语言如何多开协...