websocket
- websocket的理解
- [websocket 特点如下:](#websocket 特点如下:)
- [在客户端中,websocket 的使用方法如下:](#在客户端中,websocket 的使用方法如下:)
- 性能比较:
- 浏览器兼容性比较:
websocket的理解
websocket 是HTML5提供的一种浏览器与服务器进行全双工通讯的网路技术,属于应用层协议,它基于TCP传输协议,并服用HTTP的握手通道,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建吃持久的连接,并进行双向数据传输。
websocket
的出现就解决了半双工通信的弊端,它最大的特点是:服务器可以向客户端主动推动消息,客户端也可以主动向服务器推送消息。
websocket原理:客户端向 websocket 服务器通知(notify)一个带有所有接收者ID(recipients IDs )的事件(event,服务器接收后立即通知所有活跃的(active)客户端,只有ID在接受者ID序列中的客户端才会处理这个事件。
websocket 特点如下:
- 支持双向通信,实时性更强
- 可以发送文本,也可以发送二进制数据
- 建立在TCP协议之上,服务端的实现比较容易
- 数据格式化比较清凉,性能开销小,通信高效
- 没有同源限制,客户端可以与任意服务器通信
- 协议标识符是ws(如果加密,则为wss),服务器网址就是URL
- 与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