前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Golang语言社区--wesocket的demo(包括H5前端,GO后端)

Golang语言社区--wesocket的demo(包括H5前端,GO后端)

作者头像
李海彬
发布2018-03-27 12:16:37
1.1K0
发布2018-03-27 12:16:37
举报
文章被收录于专栏:Golang语言社区

go代码:

代码语言:javascript
复制
package main
import (
        "flag"
        "fmt"
        "glog-master"
        "net/http"
        "code.google.com/p/go.net/websocket"
)
// 初始化函数
func init() {
        fmt.Println("Entry init")
        // 连接池的  初始化; 数据结构的初始化;
        PlayerBuShu = make(map[string]int)
        H5_Data = make(map[string]*OnlineUser)
        flag_h5 = 0
        flag.Set("alsologtostderr", "true") // 日志写入文件的同时,输出到stderr
        flag.Set("log_dir", "./tmp")        // 日志文件保存目录
        flag.Set("v", "3")                  // 配置V输出的等级。
        flag.Parse()
        return
}
// 主函数
func main() {
        glog.Info("main")
        fmt.Println("Entry main")
        http.Handle("/Golangweb", websocket.Handler(BuildConnection))
        if err := http.ListenAndServe(":7821", nil); err != nil {
                fmt.Println("main err:", err.Error())
                return
        }
        return
}
func BuildConnection(ws *websocket.Conn) {
        data := ws.Request().URL.Query().Get("data")
        if data == "" {
                fmt.Println("data is nil!!!")
                //return
        }
        // 接受到的 客户端的数据
        fmt.Println("data:", data)
        // 处理-- 用户的登陆  用户的基础行为(走路 , 开枪 ,死亡 等等)
        onlineUser := &OnlineUser{
                Connection: ws,
        }
        onlineUser.PullFromClient()
}
func (this *OnlineUser) PullFromClient() {
        fmt.Println("PullFromClient")
        for {
                var content string
                if err := websocket.Message.Receive(this.Connection, &content); err != nil {
                        break
                }
                if len(content) == 0 {
                        break
                }
                glog.Info("data:", content)
        }
}
H5代码:
<!DOCTYPE html>
<meta charset="utf-8" />
<title>Golang 语言社区 (www.Golang.Ltd)</title>
<body>
        <h3 style="color: cornflowerblue;">Golang 语言社区 </h3> 用户名: <input type='text' id='name' value="yulegame">
        <input type="submit" onclick="login()" />
</body>
<script language="javascript" type="text/javascript">
        var wsUri = "ws://127.0.0.1:7821/Golangweb?data={'Protocol':3,'Protocol2':1,'OpenID'='ww'}";
        var goServerJson;
        var json;
        function login() {
                var test;
                test = document.getElementById("name").value
                alert(test);
                var json = {
                        Protocol: 1,
                        Protocol2: 3,
                };
                var goServerJson = JSON.stringify(json);
                wsUri = wsUri;
                console.log(wsUri);
                doSend(goServerJson);
        }
        //////////////////////////////////////////////////////////////////
        var output;
        var websocket1;
        function init() {
                output = document.getElementById("output");
                testWebSocket();
        }
        function testWebSocket() {
                console.log(wsUri)
                websocket1 = new WebSocket(wsUri);
                websocket1.onopen = function(evt) {
                        onOpen(evt)
                };
                websocket1.onclose = function(evt) {
                        onClose(evt)
                };
                websocket1.onmessage = function(evt) {
                        onMessage(evt)
                };
                websocket1.onerror = function(evt) {
                        onError(evt)
                };
        }
        function onOpen(evt) {
                writeToScreen("CONNECTED");
        }
        function onClose(evt) {
                writeToScreen("DISCONNECTED");
        }
        function onMessage(evt) {
                var data = evt.data;
                console.log("data=" + data);
                var d = base64decode(data);
                var zhuana = utf8to16(d);
                writeToScreen('<span style="color: blue;">RESPONSE: ' + zhuana + '</span>');
        }
        function onError(evt) {
                writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
        }
        function doSend(message) {
                writeToScreen("SENT: " + message);
                writeToScreen('<span style="color: blue;">RESPONSE: ' + base64encode(message) + '</span>');
                websocket1.send(message);
        }
        function writeToScreen(message) {
                var pre = document.createElement("p");
                pre.style.wordWrap = "break-word";
                pre.innerHTML = message;
                output.appendChild(pre);
        }
        window.addEventListener("load", init, false);
</script>
<script src="js/luanma.js"></script>
<div id="output"></div>

服务器日志截图:

代码下载链接:http://www.golang.ltd/forum.php?mod=viewthread&tid=5992

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-07-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Golang语言社区 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档