websocket

1、浅谈 websocket 协议

1. websocket 协议是 html5 的一种全双工应用层通信协议，该协议兼容常见的浏览器，基于 TCP 传输协议，并复用 HTTP 的握手通道。它可以使客户端和服务端双向数据传输变得简单快捷，并且在 TCP 连接进行一次握手后保持长久连接，允许服务器对客户端主动推送数据。另外 websocket 也支持拓展，压缩请求头节省服务器资源和宽带资源。

2、websocket 相关技术简介

1. websocket 连接的 URL 使用 ws:// 或者 wss:// 等开头，其加密、cookie 等策略和 HTTPS/HTTP 基本相同。

   

ws 和 wss 来进行通信协议的确定，和 HTTP 和 HTTPS 类似； ws 表示纯文本通信，wss 表示加密通道通信(TCP + TLS); 考虑到 websocket 的其他应用场景，需要自定义协议，比如保证在非 HTTP 的情况下也可以进行数据交换。 ws 协议：普通请求，占用与 HTTP 相同的 80 端口； wss 协议：基于 SSL 的安全传输，占用与 TLS 相同的 443 端口；

1. HTTP 和 websocket 等应用层协议都是基于 TCP 协议来传输数据的，这些协议可以理解为是对 TCP 的封装。在 HTTP 协议下，客户端和服务器是单向的，服务器无法主动发送数据给客户端。而 websocket 是依赖于 HTTP 协议进行一次握手，以兼容浏览器的规范，在第一次 HTTP 请求后，后续就全部采用 TCP 通道进行双向通讯了。 3.客户端 websocket 请求与相应示例

//客户端请求
GET /chat HTTP/1.1 
Host: example.com:8000 
Upgrade: websocket 
Connection: Upgrade 
Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ== 
Sec-WebSocket-Version: 13
​
//服务器相应
HTTP/1.1 101 Switching Protocols 
Upgrade: websocket 
Connection: Upgrade 
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=

Upgrade 和 Connection 表示将请求切换到 websocket 协议，Sec-WebSocket-Key 则是浏览器随机生成的 base64 编码，结合相关的算法转化后就会成为相应体中的 Sec-WebSocket-Accept 。 4.客户端使用示例

var ws = new WebSocket('ws://www.xxx.com/some.php'); 
ws.send('xxx'); //每次只能发送字符串 
ws.onmessage = function(event) { 
    var data = event.data; 
}; 
ws.onerror = function() { 
    ws.close(); 
};

ws.send() 方法只允许发送字符串，当需要发送复杂数据时，可以结合 JSON.stringify()进行相关转化再进行数据传输。

3、与 websocket 类似的技术

1. 轮询(Polling) 前端借助于 setInterval() 等方式，不断的发送请求到服务端进行数据的更新，此方法比较简单，但需要考虑轮询时间问题，时间过长会导致用户不能及时接收数据，时间过短会导致请求次数过多，增加服务器端的负担，浪费资源。