首页前端开发其他前端知识socketio必须用在node中?为什么呢?

socketio必须用在node中?为什么呢?

时间2024-03-26 23:04:03发布访客分类其他前端知识浏览610
导读:今天就跟大家聊聊有关“socketio必须用在node中?为什么呢?”的内容,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 socketio必须用...
今天就跟大家聊聊有关“socketio必须用在node中?为什么呢?”的内容,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。





socketio必须用在node中;socketio是nodejs的一个库,利用nodejs的函数封装了一些功能,并且依赖于nodejs的一些api,所以只能在nodejs中使用,socketio也是在客户端和服务端之间建立的双向通信数据交换技术,底层使用EngineIO。

本文操作环境:Windows10系统、nodejs 16版、Dell G3电脑。

socketio必须用在node中

socketio是nodejs的一个库,相当于别人利用nodejs的函数封装了一些功能给你使用,依赖与nodejs的一些api,所以只能在nodejs下用。

SocketIO是在客户端和服务端之间建立的双向通信数据交换技术,底层使用EngineIO。SocketIO的的客户端使用Engine.IO-Client,服务端使用Engine.IO实现。

扩展知识

SocketIO如何工作

当一个浏览器尝试建立SocketIO时,SocketIO首先使用xhr-polling创建一个长轮询。长轮询一旦建立,它将升级为WebSocket连接。

SocketIO底层是使用EngineIO库实现的,这个库使用WebSocket和XMLHttprequest封装了一套自己的Socket协议(暂时叫 EIO Socket)。一个完整的 EIO Socket 包括多个 XHR 和 WebSocket 连接.

客户端

EIO Socket 通过一个 XHR (XMLHttprequest) 握手。前端发送一个 XHR,告诉服务端我要开始 XHR 长轮询了。后端返回的数据里面包括一个 open 标志(数字 0 表示), 以及sid 和 upgrades 字段,ping时间间隔,ping超时时间。

0{

“sid”: “8b7ab1ae-fbcf-4d23-8192-3c14a2a90721”,
“upgrades”: [
“websocket”
],
“pingInterval”: 10000,
“pingTimeout”: 60000
}
    

sid 是本次 EIO Socket 的会话 ID,因为一次 EIO Socket 包含了多个请求,而后端又会同时连接多个 EIO Socket,sid 的作用就相当于 SESSION ID。

另一个字段 upgrades,正常情况下是 [‘websocket’],表示可以把连接方式从长轮询升级到 WebSocket。

前端在发送第一个 XHR 的时候就开始了 XHR 长轮询,这个时候如果有收发数据的需求,是通过长轮询实现的。所谓长轮询,是指前端发送一个 request,服务端会等到有数据需要返回时再 response. 前端收到 response 后马上发送下一次 request。这样就可以实现双向通信。

前端收到握手的 upgrades 后,EIO 会检测浏览器是否支持 WebSocket,如果支持,就会启动一个 WebSocket 连接,然后通过这个 WebSocket 往服务器发一条内容为 probe, 类型为 ping 的数据。如果这时服务器返回了内容为 probe, 类型为 pong 的数据,前端就会把前面建立的 HTTP 长轮询停掉,后面只使用 WebSocket 通道进行收发数据

EIO Socket 生命周期内,会间隔一段时间 ping - pong 一次,用来测试网络是否正常。

这是 WebSocket 帧的结构,绿色是发送,白色是接收。前面的数字是数据包类型,2 是 ping, 3 是 pong, 42是 message



到此这篇关于“socketio必须用在node中?为什么呢?”的文章就介绍到这了,感谢各位的阅读,更多相关socketio必须用在node中?为什么呢?内容,欢迎关注网络资讯频道,小编将为大家输出更多高质量的实用文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

node

若转载请注明出处: socketio必须用在node中?为什么呢?
本文地址: https://pptw.com/jishu/653817.html
node环境中的npm是什么?安装方法是什么? 什么是gulp?如何使用?

游客 回复需填写必要信息