WebSocket握手总结

WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。

原理

以前网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔（如每隔1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客服端的浏览器。这种传统的HTTP request 的模式带来很明显的缺点 – 浏览器需要不断的向服务器发出请求，然而HTTP request 的header是非常长的，里面包含的有用数据可能只是一个很小的值，这样会占用很多的带宽。
在 WebSocket API，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

握手协议

在实现websocket连线过程中，需要通过浏览器发出websocket连线请求，然后服务器发出回应，这个过程通常称为“握手” (handshaking)。
该方案处在草案阶段，目前在使用的有两个版本，一个是以chrome为首的使用的version 13（目前最新），该版本出现在RFC6455中。另一个是以safari（包括桌面和移动版本）为首的使用的draft-ietf-hybi版。
chrome版–新版
safari版–旧版

以下分别介绍两个版本的握手方法

Chrome版

客户端请求web socket连接时，会向服务器端发送握手请求

客户端请求：
var ws = new WebSocket('ws://192.168.0.10:8080');

请求内容大致如下：

GET / HTTP/1.1
Host: 192.168.0.10:8080
Connection: Upgrade
Pragma: no-cache
Cache-Control: no-cache
Upgrade: websocket
Origin: null
Sec-WebSocket-Version: 13
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36
Accept-Encoding: gzip, deflate, sdch
Accept-Language: zh-CN,zh;q=0.8
Sec-WebSocket-Key: VR+OReqwhymoQ21dBtoIMQ==
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits

请求包说明：
* 必须是有效的http request 格式；
* HTTP request method 必须是GET，协议应不小于1.1 如： Get / HTTP/1.1；
* 必须包括Upgrade头域，并且其值为”websocket”;
* 必须包括”Connection” 头域，并且其值为”Upgrade”;
* 必须包括”Sec-WebSocket-Key”头域，其值采用base64编码的随机16字节长的字符序列;
* 如果请求来自浏览器客户端，还必须包括Origin头域 。 该头域用于防止未授权的跨域脚本攻击，服务器可以从Origin决定是否接受该WebSocket连接;
* 必须包括”Sec-webSocket-Version” 头域，当前值必须是13;
* 可能包括”Sec-WebSocket-Protocol”，表示client（应用程序）支持的协议列表，server选择一个或者没有可接受的协议响应之;
* 可能包括”Sec-WebSocket-Extensions”&#x