資訊專欄INFORMATION COLUMN
摘要：長輪循長輪循是對定時輪詢的改進和提高，目地是為了降低無效的網絡傳輸。是規范的一部分，它是一種流技術，它的規范由兩部分組成，第一個部分是服務器端與瀏覽器端之間的通訊協議，第二部分則是在瀏覽器端提供使用的對象。下一篇之客戶端與服務器端的交互二
1. 長鏈接技術介紹
說到websocket，必須講到在它之前的各種長鏈接技術，比如輪循，長輪循，sse等。長鏈接顧名思義，就是讓客戶端瀏覽器與服務器端保持長久的連接，并能持續通訊，它還有一個特點，就是反向ajax，或叫服務器推技術。也就是說，服務器端也能通過這些手段實現向客戶端推送的技術，比如，在現實應用中，看到的股票數據實時更新，這是通過這種技術來實現的。因為服務器端無法主動的向客戶端推送數據，只能通過客戶端連接上服務器端，然后被動地推送數據，這些連接到服務器端或者服務器端向客戶端發送數據的方法就可以分成很多種，比如最簡單的就是通過ajax隔一段時間發送http請求。
像輪循，長輪循等技術并不能實現真正意義上的實時，它是模擬型的實時，它發送的是完整的http請求。下面來具體說一下每個技術的特點。
輪循，也叫短輪循，英文名也叫Polling。它很簡單，只是用ajax隔一段時間，可能是1秒，2秒，時間自己設定，向服務器發送請求。這種方案會頻繁地與服務器通訊，每次通訊都是發送完整的http請求，如果服務器經常有數據變動，有回應還好，有時候發送的請求都是沒有意義，都是在等服務器端的回應，而服務器又沒有任何改變，所以這種方式很消耗網絡資源，很低效。
長輪循是對定時輪詢的改進和提高，目地是為了降低無效的網絡傳輸。這種方式也是通過ajax請求發送數據到服務器端，服務器端一直hold住這個連接，直到有數據到達，通過這種機制來減少無效的客戶端和服務器間的交互，比如可以通過這種方式實現簡易型的聊天室，但是，如果服務端的數據變更非常頻繁的話，或者說訪問的人非常多的時候，這種機制和定時輪詢比較起來沒有本質上的性能的提高。
英文名也叫HTML5 Server Sent Events (SSE) / EventSource。SSE是html5規范的一部分，它是一種流技術，它的規范由兩部分組成，第一個部分是服務器端與瀏覽器端之間的通訊協議，第二部分則是在瀏覽器端提供 JavaScript 使用的 EventSource 對象。服務器端的響應的內容類型是“text/event-stream”，響應文本的內容可以看成是一個事件流，它能夠持續不斷地向服務器端推送數據。不過這種技術很難跨域，且對IE的支持并不好，但也不能代表這種技術是沒用或過時的，用它結合PostgreSQL的notify，或者Redis的pub/sub可以輕易構建聊天室。
2. websocket上述的幾種方法不代表就是過時沒用的，相反，在某一程度上，它們還在應用中，只是，現在我們要來介紹一種更為好，更實時的技術，它叫websocket。它也是一種協議，它是基于tcp協議的，它跟http協議同級，它在瀏覽器層次發揮作用，可以由http協議升級為ws協議，就像是http加個安全通道升級為https協議一樣。它的原理是這樣的，由于它是一個協議，它不用發送跟http同樣多的頭信息，它比較輕量，速度快。為了建立一個 WebSocket 連接，客戶端瀏覽器首先要向服務器發起一個 HTTP 請求，這個請求和通常的 HTTP 請求不同，包含了一些附加頭信息，其中附加頭信息”Upgrade: WebSocket”表明這是一個申請協議升級的 HTTP 請求，服務器端解析這些附加的頭信息然后產生應答信息返回給客戶端，客戶端和服務器端的 WebSocket 連接就建立起來了，雙方就可以通過這個連接通道自由的傳遞信息，并且這個連接會持續存在直到客戶端或者服務器端的某一方主動的關閉連接。
在github.com或trello.com等應用就可以看到websocket的使用。比如，github上的：
請求 Request URL:wss://live.github.com/_sockets/NzQwNjQzOjA4NmI3MGI3ODE2N2JmNGI2OTkwNTI1MzA3NjVjNjYxOjgxYTFjMzVlYTE0NDBkYTUxYjllNTc2NmNjYmE1MDg0ZWY2M2ZiZDQ1NWFmOTM5MWIwMmNlYTMzOGZlYWIwMzY=--46b941101badcb9affe775bd52bf902d4b57468c Request Method:GET Status Code:101 Switching Protocols 響應頭信息 Response Headers Connection:Upgrade Sec-WebSocket-Accept:ihEYOEOsteVV84Y2koOeMRELVT8= Server:GitHub.com Upgrade:websocket 請求頭信息 Request Headers Connection:Upgrade Sec-WebSocket-Extensions:permessage-deflate; client_max_window_bits Sec-WebSocket-Key:+wcmQ7sbHbIF7K/sGpkOKw== Sec-WebSocket-Version:13 Upgrade:websocket
本篇完結。
下一篇：websocket之客戶端與服務器端的交互(二)
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79548.html
時間：2018年04月11日星期三 說明：本文部分內容均來自慕課網。@慕課網：https://www.imooc.com 教學源碼：https://github.com/zccodere/s... 學習源碼：https://github.com/zccodere/s... 第一章：課程介紹 1-1 課程介紹 什么是Netty 高性能、事件驅動、異步非阻塞的IO Java開源框架 基于NIO的客戶...
摘要：概述本文是系列的第一篇，主要介紹相關的基礎協議知識和?？蛻舳耸盏巾憫螅⒓窗l起下一次的請求。收到消息通過事件來接收消息。類型則需要傳遞一個對象作為參數，相關的內容也將在本系列第二篇中進行介紹。 概述 本文是WebSocket系列的第一篇，主要介紹WebSocket相關的基礎協議知識和API。由于WebSocket的相關介紹在MDN中分布較亂，初學者不太容易入門，因此通過本文將相關基礎...
摘要：與此同時，后端服務的中也有相關的長連接維持時長設置。如何快速的恢復連接根據上面的操作方案，我們會在網絡異常時斷開連接。 概述 通過前四篇博客，相信讀者對于WebSocket的使用和數據（不論是ArrayBuffer還是String）傳輸都有了一個深刻的了解?，F在我們來介紹下，我在使用WebSocket時，連接相關模塊遇到的一些共性問題，以及我們如何解決這些問題。 本文作為WebSock...
摘要：本文作為系列的第四篇內容，將會用一個簡單的聊天應用把整個傳輸二進制數據類型的內容連接起來，讓用戶對整個傳輸二進制數據的方法有個了解。如何發送二進制數據通過如何設計一個二進制協議一章，我們知道了如何定義傳輸的二進制數據格式。 概述 通過前三篇博客，我們能夠了解在通過WebSocket發送數據之前，我們需要傳遞的數據是如何變成ArrayBuffer二進制數據的；在我們收到二進制數據之后，我...
閱讀 1976·2021-11-24 09:38
閱讀 3339·2021-11-22 12:07
閱讀 1903·2021-09-22 16:03
閱讀 1956·2021-09-02 15:41
閱讀 2618·2021-07-24 23:28
閱讀 2211·2019-08-29 13:17
閱讀 1547·2019-08-29 12:25
閱讀 2666·2019-08-29 11:10
