WebSocket 简介

WebSocket 是HTML5一种新的协议。它是实现了浏览器与服务器的双向通讯。

在 WebSocket API 中，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

背景

现在，很多网站为了实现即时通讯，所用的技术都是轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP request 的header是非常长的，里面包含的数据可能只是一个很小的值，这样会占用很多的带宽和服务器资源。

而比较新的技术去做轮询的效果是Comet，使用了AJAX。但这种技术虽然可达到双向通信，但依然需要发出请求，而且在Comet中，普遍采用了长链接，这也会大量消耗服务器带宽和资源。

面对这种状况，HTML5定义了WebSocket协议，能更好的节省服务器资源和带宽并达到实时通讯。

优点

Header

服务器与客户端之间交换的标头信息很小，大概只有2字节。

服务器推送

服务器可以主动传送数据给客户端。

握手协议

在实现websocket连线过程中，需要透过浏览器发出websocket连线请求，然后服务器发出回应，这个过程通常称为“握手” (handshaking)。

例子

浏览器请求

GET /demo HTTP/1.1
Host: example.com
Connection: Upgrade
Sec-WebSocket-Key2: 12998 5 Y3 1  .P00
Sec-WebSocket-Protocol: sample
Upgrade: WebSocket
Sec-WebSocket-Key1: 4 @1  46546xW%0l 1 5
Origin: http://example.com
^n:ds[4U

服务器回应

HTTP/1.1 101 WebSocket Protocol Handshake
Upgrade: WebSocket
Connection: Upgrade
Sec-WebSocket-Origin: http://example.com
Sec-WebSocket-Location: ws://example.com/demo
Sec-WebSocket-Protocol: sample
8jKS’y:G*Co,Wxa-

原理

在请求中的“Sec-WebSocket-Key1”, “Sec-WebSocket-Key2”和最后的“(^n:ds[4U)”都是随机的，服务器方面会用这些数据来构造出一个16Byte的回应。

把第一个Key的数字除以第一个KEY的空白间的数量，而第二个KEY也是如此。然后把这两个数字和最后的数字连接起来成为1个字符串，而这个字符串连接起来成为1个字符串，而这个字符串是MD5的和。

浏览器

实现websocket的协议，浏览器扮演着一个很重要的角色。Google在它的Google Chrome支持了websocket，Chrome 5 之后的版本都支持websocket，但因为websocket还未最终版本，草案不断更新，所以不同的版本会支持不同的草案。

苹果公司的Safari浏览器也支持websocket。

起初，Mozilla基金会的Mozilla Firefox会在4版本支持websocket。Opera软件公司方面在Opera 10.7和11.0的预览版本中也支持了websocket。然而，基于安全因素的考虑^[1]，两家宣布将暂时移除该功能。

FireFox预计于版本6重新实现WebSockets RFC Version -07 ，但此版本实现并不向后兼容，故旧版本的服务器实现软件有可能无法顺利运行。版本6之中的WebSocket功能将会默认打开^[2]。

服务器

在服务器方面，网上都有不同对websocket支持的服务器：

• php - http://code.google.com/p/phpwebsocket/
• jetty - http://jetty.codehaus.org/jetty/ (版本7才开始支持websocket)
• netty - http://www.jboss.org/netty
• ruby - http://github.com/gimite/web-socket-ruby
• Kaazing - http://www.kaazing.org/confluence/display/KAAZING/Home

参考资料

1. ^ http://hacks.mozilla.org/2010/12/websockets-disabled-in-firefox-4/
2. ^ https://developer.mozilla.org/en/WebSockets/