HTML5实战与剖析之WebSocket协议

最新推荐文章于 2025-08-01 14:34:37 发布

翻译最新推荐文章于 2025-08-01 14:34:37 发布 · 1.5k 阅读

文章标签：

#HTML5的WebSocket协议 #HTML5实战与剖析

HTML5实战与剖析专栏收录该内容

35 篇文章

订阅专栏

本文详细介绍了WebSocket协议的工作原理及其与HTTP协议的转换过程。探讨了如何通过浏览器向服务器发起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文本框架使用一个终结者,而二进制帧使用前缀长度。