html实现websocket协议,HTML5实现WebSocket协议原理浅析

websocket协议的目的是为了工作于现有的网络基础设施。作为这一设计原则的一部分,websocket连接的协议规范定义了一个http连接作为其开始生命周期,进而保证其与pre-websocket世界的完全向后兼容。通常来说从http协议切换websocket称为websocket握手。

浏览器发送一个请求到服务器,这表明它想开关从http websocket协议。客户端通过升级标题表达的愿望，代码如下所示:

复制代码代码如下:

get ws://echo.websocket.org/?encoding=text http/1.1

origin: http://websocket.org

cookie: __utma=99as

connection: upgrade

host: echo.websocket.org

sec-websocket-key: urovsczjnol/umbtt5ukmw==

upgrade: websocket

sec-websocket-version: 13

如果服务器理解websocket协议,它通过升级头同意协议切换。

复制代码代码如下:

http/1.1 101 websocket protocol handshake

date: fri, 10 feb 2012 17:38:18 gmt

connection: upgrade server: kaazing gateway

upgrade: websocket

access-control-allow-origin: http://websocket.org

access-control-allow-credentials: true

sec-websocket-accept: rlhckw/skso9gah/zsfhbatdkru=

access-control-allow-headers: content-type

此时http连接分解并取代了websocket连接在同一底层tcp / ip连接。websocket连接使用http(80)和https端口一样(443),默认情况下。

连接建立后,websocket数据帧可以发送客户机和服务器之间来回在全双工模式下。两种文本和二进制帧可以在两个方向同时发送。只有两个字节数据最小陷害。对于文本帧,每一帧始于0 x00字节,以0 xff字节结束,包含utf - 8数据。websocket文本框架使用一个终结者,而二进制帧使用前缀长度。