HTML5：WebSocket

单TCP连接全双工通讯协议

WebSocket 允许服务端主动向客户端推送数据。浏览器和服务器只需要完成一次握手，就直接可以创建持久性的连接，并进行双向数据传输。

实例

var ws = new WebSocket('ws://ws.domain.com',[protocal]); 

属性

// readyState 连接状态 
if(ws.readyState == 0){} // 连接未建立
if(ws.readyState == 1){} // 连接已建立，可通信
if(ws.readyState == 2){} // 连接正在关闭
if(ws.readyState == 3){} // 连接已经关闭，或连接无法建立

事件

ws.onopen = function(event){}; // 连接建立时触发
ws.onmessage = function(event){}; // 受到信息时触发
ws.onerror = function(event){}; // 通信错误时触发
ws.onclose = function(event){}; // 连接关闭时触发

端口

Websocket 使用和 HTTP 相同的 TCP 端口，可以绕过大多数防火墙的限制。默认情况下，Websocket 协议使用 80 端口；运行在 TLS 之上时，默认使用 443 端口。类似于 HTTPS，其中 wss 表示在 TLS 之上的 Websocket。如：

• ws://example.com/wsapi
• wss://secure.example.com/

请求

客户端请求

GET / HTTP/1.1
Upgrade: websocket
Connection: Upgrade
Host: example.com
Origin: http://example.com
Sec-WebSocket-Key: sN9cRrP/n9NdMgdcy2VJFQ==
Sec-WebSocket-Version: 13

服务器回应

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: fFBooB7FAkLlXgRSz0BT3v4hq5s=
Sec-WebSocket-Location: ws://example.com/

字段详解

• Connection 必须设置 Upgrade，表示客户端希望连接升级。
• Upgrade 必须设置 Websocket，表示希望升级到 Websocket 协议。
• Sec-WebSocket-Key 是随机的字符串，服务器端会用这些数据来构造出一个 SHA-1 的信息摘要。把 “Sec-WebSocket-Key” 加上一个特殊字符串 “258EAFA5-E914-47DA-95CA-C5AB0DC85B11”，然后计算 SHA-1 摘要，之后进行 BASE-64 编码，将结果做为 “Sec-WebSocket-Accept” 头的值，返回给客户端。如此操作，可以尽量避免普通 HTTP 请求被误认为 Websocket 协议。
• Sec-WebSocket-Version 表示支持的 Websocket 版本。RFC6455 要求使用的版本是 13，之前草案的版本均应当弃用。
• Origin 可选，表示在浏览器中发起此 Websocket 连接所在的页面，类似于 Referer。但是，与 Referer 不同的是，Origin 只包含了协议和主机名称。
• 其他一些定义在 HTTP 协议中的字段，如 Cookie 等，也可以在 Websocket 中使用。

服务端支持

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

• node - https://github.com/Worlize/WebSocket-Node
• node: socket.io - http://socket.io
• php - http://code.google.com/p/phpwebsocket/
• php: nginx - http://nginx.com/
• java: Tomcat - http://tomcat.apache.org/（版本7.0.27开始支持，建议版本8）
• java: WebLogic - https://www.oracle.com/middleware/weblogic/（版本12.1.2开始支持）
• java: jetty - http://www.eclipse.org/jetty/ （版本7开始支持）
• java: netty - https://netty.io/
• java: Kaazing - https://kaazing.com/
• python - https://github.com/abourget/gevent-socketio
• python: Django - https://github.com/stephenmcd/django-socketio
• ruby - http://github.com/gimite/web-socket-ruby
• perl: mojolicious - http://mojolicio.us/

socket 区别

软件通信有七层结构，下三层结构偏向与数据通信，上三层更偏向于数据处理，中间的传输层则是连接上三层与下三层之间的桥梁，每一层都做不同的工作，上层协议依赖与下层协议。基于这个通信结构的概念。

Socket 其实并不是一个协议，是应用层与 TCP/IP 协议族通信的中间软件抽象层，它是一组接口。当两台主机通信时，让 Socket 去组织数据，以符合指定的协议。TCP 连接则更依靠于底层的 IP 协议，IP 协议的连接则依赖于链路层等更低层次。

WebSocket 则是一个典型的应用层协议。

总的来说：Socket 是传输控制层协议，WebSocket 是应用层协议。