Web 全栈推拉能手 Socket.IO 库

admin 2022年6月18日10:03:06评论68 views字数 1866阅读6分13秒阅读模式

Web 前端与后台的通信

  • 短轮询:通过不断发送 http 请求达到即时通信的目的
  • 长轮询:访问无资源并不会立刻返回,保持较长时间的通讯,直到获得数据或超时返回。
  • WebSocket:基于 TCP 协议,兼容 HTTP 协议的基础上,做协议升级,在 HTML5 中提供 client 和 server 进行全双工通信。

Socket.IO

Socket.IO 是一个封装了 Websocket、基于 Node 的 JavaScript 框架,包含 client 的 JavaScript 和 server 的 Node。其屏蔽了所有底层细节,让顶层调用非常简单。

Socket.IO 的协议

Socket.IO 的协议基于 engine.io 的版本,目前最新版本是 4。GO 的 socket.io 库是 github.com/graarh/golang-socketio,仅支持 EIO=3 的协议版本。

准备全栈 Socket.IO 库

前端 (React typescript):

  • "socket.io-client": "2.3.0"
  • "@types/socket.io-client": "^1.4.33"

后端 (golang)

go get github.com/graarh/golang-socketiogo get github.com/graarh/golang-socketio/transport

使用 Socket.IO

后端

创建对象

server := gosocketio.NewServer(transport.GetDefaultWebsocketTransport())

Server 类型实现了 http.Handler 接口,可以无缝衔接各 web 框架,例如: http.Handle ("/socket.io",server)。

响应事件

//预设server.on(gosocketio.OnConnection,func(c *gosocketio.Channel){})server.on(gosocketio.OnDisConnection,func(c *gosocketio.Channel){})server.on(gosocketio.OnError,func(c *gosocketio.Channel){})
//自定义事件server.On("send", func(c *gosocketio.Channel, msg Message) string {})

推送数据

//回复消息c.Emit("event","message")
//广播消息c.BroadcastTo("room","event","message")server.BroadcastTo("room","event","message")

Channel 的 BroadcastTo 函数在内部实现上调用了 Server 的 BroadcastTo 函数。

这里涉及到房间的概念,房间是对访问者的归类,用于局部分类广播消息,加入房间方法为 c.Join ("roomName")。

前端 (React typescript)

创建对象

import * as io from 'socket.io-client';let socket:SocketIOClient.Socketsocket = io.connect("ws://", { transports: ['websocket'] })

响应事件

socket.on("events", (data: any) => {})

发送消息

socket.emit("events","message")

总结

Socket.IO 不仅支持 WebSocket,还支持许多种轮询机制以及其他实时通信方式,并封装了通用的接口。这些方式包含 Adobe Flash Socket、Ajax 长轮询、Ajax multipart streaming 、持久 Iframe、JSONP 轮询等。换句话说,当 Socket.IO 检测到当前环境不支持 WebSocket 时,能够自动地选择最佳的方式来实现网络的实时通信。

PS: 目前编者还未找到支持 Engine.IO 版本 4 协议的 GO 语言库,所以只能降低客户端 socket.io-client 的版本以完成前后端的适配。


往期推荐



Web 全栈推拉能手 Socket.IO 库

Golang分析内存溢出 


Web 全栈推拉能手 Socket.IO 库

手撕 Golang 高性能内存缓存库 bigcache! #4 


Web 全栈推拉能手 Socket.IO 库

是什么让 Golang 如此受欢迎?语言创造者的回顾

想要了解Go更多内容,欢迎扫描下方👇 关注 公众号,回复关键词 [实战群]  ,就有机会进群和我们进行交流~

Web 全栈推拉能手 Socket.IO 库

分享、在看与点赞,至少我要拥有一个叭~

Web 全栈推拉能手 Socket.IO 库
Web 全栈推拉能手 Socket.IO 库

原文始发于微信公众号(GoCN):Web 全栈推拉能手 Socket.IO 库

  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2022年6月18日10:03:06
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   Web 全栈推拉能手 Socket.IO 库https://cn-sec.com/archives/1126144.html

发表评论

匿名网友 填写信息