HTML5之WebSocket（仅介绍客户端的实现）

一、传统http连接以及存在的问题

        对于传统的http连接有如下优缺点

        优点：连接比较简单

        缺点：每次都要重新发起连接请求并建立新的连接（Http1.1才有了keepalive），并且需要依赖session和cookie实现用户状态的跟踪。

二、websockets介绍

        websockets是html5引入的JavaScriptAPI，因为之前的Flash、Serverlight都具有socket功能，所以HTML5也就引入了WebSockets的功能。

       

        websockets的优势：

        持续连接的数据流、全双工的工作方式、http的补充而非代替。对于持续连接的数据流这个特点，就适合做一些例如实时性要求高的工作，例如游戏、视频、股票等。

如果使用http来做游戏的数据连接和传输，有很容易被外挂所模拟，例如模拟发送人物所做动作的数据，以及http的数据容易被外挂等监听到，而且http格式的数据容器被分析和修改，所以出现了websocket。socket的数据包即使被监听和抓取到也不容易分析其中的数据结构。

        并且http每次连接都要发送和接受一些http本身的元数据，对于需要的具体数据是比较少的，因此对于应用本身来说就相当于说了一些“废话”，而核心的只有那么一句。而socket是只发送需要的数据，对于附加的数据比较少，并且连接一旦建立就可以持续的在这个连接上通信。

        socket的通信性能和效率都比http要好。

      

        websockets核心就是2byte的通信，1byte定义开始，1byte定义字长。要使用socket，那么服务端就必须支持TCP的监听和连接，而不仅仅支持http的连接。

三、使用websockets

        创建客户端socket的代码如下：

window.onload = function() {     //其中ws或wss是node.js服务端对websockets支持所使用的协议（？）         ws =