对WebSocket的理解

websocket

websocket的理解

websocket 是HTML5提供的一种浏览器与服务器进行全双工通讯的网路技术,属于应用层协议,它基于TCP传输协议,并服用HTTP的握手通道,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建吃持久的连接,并进行双向数据传输。

websocket 的出现就解决了半双工通信的弊端,它最大的特点是:服务器可以向客户端主动推动消息,客户端也可以主动向服务器推送消息

websocket原理:客户端向 websocket 服务器通知(notify)一个带有所有接收者ID(recipients IDs )的事件(event,服务器接收后立即通知所有活跃的(active)客户端,只有ID在接受者ID序列中的客户端才会处理这个事件。

websocket 特点如下:

  1. 支持双向通信,实时性更强
  2. 可以发送文本,也可以发送二进制数据
  3. 建立在TCP协议之上,服务端的实现比较容易
  4. 数据格式化比较清凉,性能开销小,通信高效
  5. 没有同源限制,客户端可以与任意服务器通信
  6. 协议标识符是ws(如果加密,则为wss),服务器网址就是URL
  7. 与HTTP协议有着良好的兼容性,默认端口也是80和443,并且握手阶段采用HTTP协议,因此握手时不容易屏蔽,能通过各种HTTP代理服务器。

在客户端中,websocket 的使用方法如下:

javascript 复制代码
// 在index.html中直接写WebSocket,设置服务端的端口号为 9999
let ws = new WebSocket('ws://localhost:9999');
//在客户端与服务端建立链接后触发
ws.onopen = function(){
ws.send('hello');
};
//在服务端给客户端发来消息的时候触发
ws.onmessage = function(res){
console.log(res);  //打印的时MessageEvent对象
console.log(res.data); //打印的是收到的消息
};
//在客户端与服务端建立关闭后触发
ws.onclose = function(evt){
console.log('Connection closed')
}

websocket 是HTML5定义的一个新协议,与传统的 http 协议不同,该协议允许由服务器主动的向客户端推送信息。使用websocket协议的缺点是在服务器端的配置比较复杂。
websocket 是一个全双工的协议,也就是通信双方是平等的,可以相互发送消息,而SSE的方式是单向通信的,只能由服务器端向用户推送信息,如果客户端需要发送信息就是属于下一个http请求了。

性能比较:

websocket > 长连接(SEE)>长轮询>短轮询

浏览器兼容性比较:

短轮询>长轮询>长连接(SEE)>websocket

相关推荐
听风吹等浪起2 分钟前
改进系列(3):基于ResNet网络与CBAM模块融合实现的生活垃圾分类
网络·深度学习·神经网络·分类·生活
速盾cdn38 分钟前
速盾:vue的cdn是干嘛的?
服务器·前端·网络
叫我龙翔1 小时前
【计网】实现reactor反应堆模型 --- 框架搭建
linux·运维·网络
不爱学习的YY酱2 小时前
【计网不挂科】计算机网络期末考试——【选择题&填空题&判断题&简述题】试卷(4)
网络·计算机网络
装睡的小5郎2 小时前
家庭宽带如何开启公网ipv4和ipv6
网络
yfs10242 小时前
压缩Minio桶中的文件为ZIP,并通过 HTTP 响应输出
网络·网络协议·http
有谁看见我的剑了?2 小时前
Ubuntu 22.04.5 配置vlan子接口和网桥
服务器·网络·ubuntu
hgdlip2 小时前
有什么办法换网络ip动态
网络·tcp/ip·智能路由器
超栈2 小时前
HCIP(11)-期中综合实验(BGP、Peer、OSPF、VLAN、IP、Route-Policy)
运维·网络·网络协议·计算机网络·web安全·网络安全·信息与通信
დ旧言~2 小时前
【网络】应用层——HTTP协议
开发语言·网络·网络协议·http·php