简介
WebSocket是HTML5一种新的协议。顾名思义，它在服务器和浏览器之间建立了全双工通信。
需求背景
区块链测试系统web前端平台需要动态接收后端发送的状态信息改变一次测试session过程的状态显示,测试用例在运行后会返回一次运行的session,后端根据该session实时返回测试状态。
思路过程:
1.找到go语言websocket官方文档github官方地址https://github.com/gorilla/websocket
2.git clone代码,运行官方用例教程server
3.前端使用h5的websocket服务访问server
4.根据项目需求封装接口
bug踩坑:
1.can\'t load package: package server: build constraints exclude all Go files in /home/zeng/go-websocket/src/server
去掉 // +build ignore 即可
2.Firefox 无法建立到 ws://localhost:8080/echo 服务器的连接。
server配置跨域访问
var upgrader = websocket.Upgrader{
// 解决跨域问题
CheckOrigin: func(r *http.Request) bool {
return true
},
}
前端主要代码:
<!doctype html>
<html>
<head>
< charset=\"UTF-8\">
< >WebSocket</ >
</head>
<body>
<h1>WebSocket</h1>
< >
var websocket = new WebSocket(\"ws://localhost:8080/echo\");
websocket.onopen = function () {
session = \"abcd\"
websocket.send(session);
console.log(websocket.readyState)
}
websocket.onmessage = function (event) {
console.log(event.data);
websocket.close()
}
websocket.onclose = function() {
alert(\"连接已关闭...\");
};
</ >
</body>
</html>
后端主要代码:
package main
import (
\"SocketService\"
\"encoding/json\"
\"fmt\"
\"time\"
)
type Test struct {
Id string
Data string
}
func main() {
url := \"localhost:8080\"
SocketService.Init(url)
time.Sleep(time.Second * 10)
err := SocketService.SendMessage(\"abc\", []byte(\"zeng\"))
if err != nil {
fmt.Println(\"1:\", err)
}
t := Test{\"Id\", \"Data\"}
d, _ := json.Marshal(t)
session := \"abcd\"
SocketService.SendMessage(session, d)
if err != nil {
fmt.Println(\"2:\", err)
}
time.Sleep(time.Second * 1000)
}
参考博客:
https://blog.csdn.net/imliutao2/article/details/80838975
https://blog.csdn.net/wang_gongzi/article/details/82860427
demo传送门:https://github.com/umbrellahusky/gowebsocket
邮箱:2919033008@qq.com
qq:2919033008
继续阅读与本文标签相同的文章
-
多路RTSP-RTMP转RTMP官方定制版
2026-05-19栏目： 教程
-
服务器租用价格多少,决定云服务器价格的因素
2026-05-19栏目： 教程
-
企业上云的好处优势告诉你企业为什么要上云？
2026-05-19栏目： 教程
-
阿里云910会员节大促主会场全攻略
2026-05-19栏目： 教程
-
Agentless监控实践中的预警指标采集
2026-05-19栏目： 教程