在 Web 运用中，浏览器和做事器之间利用的是要求 / 相应的交互模式。浏览器发出要求，做事器根据收到的要求来天生相应的相应。浏览器再对收到的相应进行处理，展现给用户。这种办法的不敷之处在于：做事器端产生的数据变革不能及时地关照浏览器，而是须要等到下次要求发出时才能被浏览器获取。对付某些对数据实时性哀求很高的运用来说，这种延迟是不能接管的。
为了知足这类运用的需求，就须要有某种办法能够从做事器端推送数据给浏览器，以担保做事器真个数据变革可以在第一韶光关照给用户。目前常见的办理办法有不少，紧张可以分成两类。这两类方法的差异在于是否基于 HTTP 协议来实现。不该用 HTTP 协议的做法是利用 HTML 5 新增的 WebSocket 规范，而利用 HTTP 协议的做法则包括大略单纯轮询、COMET 技能和 HTML 5 做事器推送事宜。
本文紧张先容利用 HTML 5 新增的 WebSocket 来实现做事器推送。
Websocket简介
WebSocket 协议在2008年出身，2011年景为国际标准。所有浏览器都已经支持了。它的最大特点便是，做事器可以主动向客户端推送信息，客户端也可以主动向做事器发送信息，是真正的双向平等对话，属于做事器推送技能的一种。
其他特点包括：
（1）建立在 TCP 协议之上，做事器真个实现比较随意马虎。
（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采取 HTTP 协议，因此握手时不随意马虎屏蔽，能通过各种 HTTP 代理做事器。
（3）数据格式比较轻量，性能开销小，通信高效。
（4）可以发送文本，也可以发送二进制数据。
（5）没有同源限定，客户端可以与任意做事器通信。
（6）协议标识符是ws（如果加密，则为wss），做事器网址便是 URL。
客户端实现WebSocket 的用法相称大略，直接调用 HTML 5的WebSocket 客户真个 API 就行了。WebSocket 客户真个 API 如下：
1、WebSocket 布局函数
WebSocket 工具作为一个布局函数，用于新建 WebSocket 实例。
实行上面语句之后，客户端就会与做事器进行连接。
2、ws.readyState
readyState属性返回实例工具确当前状态：
3、ws.onopen
实例工具的onopen属性，用于指定连接成功后的回调函数。
如果要指定多个回调函数，可以利用addEventListener方法。
4、ws.onclose
实例工具的onclose属性，用于指定连接关闭后的回调函数。
5、ws.onmessage
实例工具的onmessage属性，用于指定收到做事器数据后的回调函数。
把稳：做事器数据可能是文本，也可能是二进制数据（blob工具或Arraybuffer工具）。
除了动态判断收到的数据类型，也可以利用binaryType属性，显式指定收到的二进制数据类型。
6、ws.send
实例工具的send()方法用于向做事器发送数据。
发送文本：
发送 Blob 工具：
发送 ArrayBuffer 工具：
7、ws.bufferedAmount
实例工具的bufferedAmount属性，表示还有多少字节的二进制数据没有发送出去。它可以用来判断发送是否结束。
8、ws.onerror
实例工具的onerror属性，用于指定报错时的回调函数。
做事端实现
WebSocket 做事器的实现有很多种，PHP、Java、Node……都有实在现的办法。下面紧张先容PHP的实现办法。PHP的实现可以参考Workerman或Swoole。
如果利用Workerman，可以按如下办法实现：
如果利用Swoole，可以按如下办法实现：
