Html5和WebSocket----使用WebSocket实现即时通信

WebSocket 规范的目标是在浏览器中实现和服务器端双向通信.双向通信可以拓展浏览器上的应用类型,例如实时的数据推送(股票行情),游戏,聊天等。

在目浏览器中通常是使用Http协议来实现通信的，但是只能实现单向的通信，也就是我们平时使用的请求和响应的模式，向服务器发送请求以后，服务器才会响应用户所需要的数据，但是现在越来越多的行业和应用需要的是一种即时的通信和实时交互，比如股票或火车站售票等系统。

实时的双向通信在基于桌面的应用程序中是很容易实现的比如可以使用Socket或消息队列等，但是需要安装客户端程序，那么对于Web应用程序来说该如何实现呢，当然可以采取以下的几种方式：

1、  Comet可以在一定程序上模拟双向通信，但效率低，并且需要服务器有较好的配置；

2、  Flex中的Socket也可以实现真正的双向通信，也是现在用的比较多的一种方式，但是需要浏览器安装相应的插件；

3、  Silverlight 也可以轻松实现Socket双向通信，但它也有着和Flex等富客户端应用程序一样的特点；

4、这是最早的一种实现实时 Web 应用的方案。客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。这种同步方案的最大问题是，当客户端以固定频率向服务器发起请求的时候，服务器端的数据可能并没有更新，这样会带来很多无谓的网络传输，所以这是一种非常低效的实时方案。

5、长轮询是对定时轮询的改进和提高，目地是为了降低无效的网络传输。当服务器端没有数据更新的时候，连接会保持一段时间周期直到数据或状态改变或者时间过期，通过这种机制来减少无效的客户端和服务器间的交互。当然，如果服务端的数据变更非常频繁的话，这种机制和定时轮询比较起来没有本质上的性能的提高。

HTML5 WebSocket 设计出来的目的就是要取代轮询和 Comet 技术，使客户端浏览器具备像C/S 架构下桌面系统的实时通讯能力。 浏览器通过 JavaScript 向服务器发出建立WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。因为 WebSocket 连接本质上就是一个 TCP 连接，所以在数据传输的稳定性和数据传输量的大小方面，和轮询以及 Comet 技术比较，具有很大的性能优势。

下面是主流浏览器对 HTML5 WebSocket 的支持情况：

 

浏览器

 

支持情况

 

Chrome

 

Supported in version 4+

 

Firefox

 

Supported in version 4+

 

Internet Explorer

 

Supported in version 10+

 

Opera