HTML5實現WebSocket協(xié)議原理淺析

WebSocket協(xié)議的目的是為了工作于現有的網絡基礎設施。作為這一設計原則的一部分,WebSocket連接的協(xié)議規(guī)范定義了一個HTTP連接作為其開始生命周期,進而保證其與pre-WebSocket世界的完全向后兼容。通常來說從HTTP協(xié)議切換WebSocket稱為WebSocket握手。
瀏覽器發(fā)送一個請求到服務器,這表明它想開關從HTTP WebSocket協(xié)議??蛻舳送ㄟ^升級標題表達的愿望,代碼如下所示:
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協(xié)議,它通過升級頭同意協(xié)議切換。
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數據幀可以發(fā)送客戶機和服務器之間來回在全雙工模式下。兩種文本和二進制幀可以在兩個方向同時發(fā)送。只有兩個字節(jié)數據最小陷害。對于文本幀,每一幀始于0 x00字節(jié),以0 xff字節(jié)結束,包含utf - 8數據。WebSocket文本框架使用一個終結者,而二進制幀使用前綴長度。
相關文章
- 本篇文章主要介紹了HTML5-WebSocket實現多文件同時上傳的實例,HTML5結合Websocket進行文件的傳輸就變得更加方便和靈活,有興趣的可以了解一下。2016-12-29
- 本篇文章主要介紹了HTML5-WebSocket實現聊天室示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-12-15
- 這篇文章主要介紹了淺析HTML5的WebSocket與服務器推送事件,WebSocket API最大的特點就是讓服務器和客戶端能在給定的時間范圍內的任意時刻,相互推送信息,需要的朋友可以參2016-02-19
- 本文主要研究HTML5 WebSockets的使用方法,它是HTML5中最強大的通信功能,定義了一個全雙工的通信信道,只需Web上的一個Socket即可進行通信,能減少不必要的網絡流量并降低2014-02-26
利用html5的websocket實現websocket聊天室
利用html5的websocket實現一個聊天室,大家可以參考使用2013-12-12html5-websocket基于遠程方法調用的數據交互實現
一般在傳統(tǒng)網頁中注冊用戶信息都是通過post或ajax提交到頁面處理,到了HTML5后我們有另一種方法就是通過websocket進行數據交互,接下來將詳細介紹,需要了解的朋友可以參考下2012-12-04- 這篇文章主要介紹了基于HTML5的WebSocket的實例代碼,需要的朋友可以參考下2018-08-15