發(fā)文章
發(fā)文工具
撰寫
網文摘手
文檔
視頻
思維導圖
隨筆
相冊
原創(chuàng)同步助手
其他工具
圖片轉文字
文件清理
AI助手
留言交流
早先,對這個問題我們講“拉(pull)”模式和“推(push)”模式?!袄蹦J胶芎唵?,是由客戶端發(fā)起請求,把自己需要的資源“拉”過來?!袄蹦J酱蠖疾捎?timer 輪詢。雖然能夠準確獲取自己需要的資源,也能及時把自己的狀態(tài)反饋給服務器,但實時性不好;“推”模式與“拉”模式相反,由服務器主動將信息發(fā)給客戶端。在該模式中,服務器把信息發(fā)送給客戶器之前,并沒有明顯的客戶請求。信息的主動性和實時性較好,但不能獲得客戶端狀態(tài),精確性較差,不能保證把信息送到客戶端。隨著技術的發(fā)展,“拉”模式有點過時,再區(qū)分“拉”模式與“推”模式,也沒什么意義,本文主要說明“推”模式。
傳統(tǒng)模式的 Web 系統(tǒng)以客戶端發(fā)出請求、服務器端響應的方式工作。這種方式并不能滿足很多現(xiàn)實應用的需求,譬如:
這些應用都需要服務器能實時地將更新的信息傳送到客戶端,而無須客戶端發(fā)出請求?!胺掌魍啤奔夹g在現(xiàn)實應用中有一些解決方案,本文將這些解決方案分為兩類:一類需要在瀏覽器端安裝插件,基于套接口傳送信息,或是使用 RMI、CORBA 進行遠程調用;而另一類則無須瀏覽器安裝任何插件、基于 HTTP 長連接。
將“服務器推”應用在 Web 程序中,首先考慮的是如何在功能有限的瀏覽器端接收、處理信息:
如果 Web 用戶接受的應用只有在安裝了 Flash 播放器才能正常運行, 那么使用 Flash 的 XMLSocket 也是一個可行的方案。
這種方案實現(xiàn)的基礎是:
具體實現(xiàn)方法:在 HTML 頁面中內嵌入一個使用了 XMLSocket 類的 Flash 程序。JavaScript 通過調用此 Flash 程序提供的套接口接口與服務器端的套接口進行通信。JavaScript 在收到服務器端以 XML 格式傳送的信息后可以很容易地控制 HTML 頁面的內容顯示。
關于如何去構建充當了 JavaScript 與 Flash XMLSocket 橋梁的 Flash 程序,以及如何在 JavaScript 里調用 Flash 提供的接口,我們可以參考 AFLAX(Asynchronous Flash and XML)項目提供的 Socket Demo 以及 SocketJS。
Javascript 與 Flash 的緊密結合,極大增強了客戶端的處理能力。從 Flash 播放器 V7.0.19 開始,已經取消了 XMLSocket 的端口必須大于 1023 的限制。Linux 平臺也支持 Flash XMLSocket 方案。但此方案的缺點在于:
在客戶端使用 Java Applet,通過 java.net.Socket 或 java.net.DatagramSocket 或 java.net.MulticastSocket 建立與服務器端的套接字連接,從而實現(xiàn)“服務器推”。
這種方案最大的不足在于 Java applet 在收到服務器端返回的信息后,無法通過 JavaScript 去更新 HTML 頁面的內容。
瀏覽器作為 Web 應用的前端,自身的處理功能有限。瀏覽器的發(fā)展需要客戶端升級軟件,同時由于客戶端瀏覽器軟件的多樣性,在某種意義上,也影響了瀏覽器新技術的推廣。
在 Web 應用中,瀏覽器的主要工作是發(fā)送請求、解析服務器返回的信息,并以不同的風格顯示。AJAX 是瀏覽器技術發(fā)展的成果,通過在瀏覽器端發(fā)送異步請求,提高了單用戶操作的響應性。但 Web 本質上是一個多用戶的系統(tǒng),對任何用戶來說,可以認為服務器是另外一個用戶?,F(xiàn)有 AJAX 技術的發(fā)展并不能解決在一個多用戶的 Web 應用中,將更新的信息實時傳送給客戶端,從而用戶可能在“過時”的信息下進行操作。而 AJAX 的應用又使后臺數(shù)據(jù)更新更加頻繁成為可能。
圖 1. 傳統(tǒng)的 Web 應用模型與基于 AJAX 的模型之比較
“服務器推”是一種很早就存在的技術,以前在實現(xiàn)上主要是通過客戶端的套接口,或是服務器端的遠程調用。因為瀏覽器技術的發(fā)展比較緩慢,沒有為“服務器推”的實現(xiàn)提供很好的支持,在純?yōu)g覽器的應用中很難有一個完善的方案去實現(xiàn)“服務器推”,并用于商業(yè)程序。最近幾年,因為 AJAX 技術的普及,以及把 IFrame 嵌在“htmlfile“的 ActiveX 組件中可以解決 IE 加載顯示問題,一些受歡迎的應用,如 meebo,gmail+gtalk,在實現(xiàn)中使用了這些新技術;同時,“服務器推”在現(xiàn)實應用中確實存在很多需求。因為這些原因,基于純?yōu)g覽器的“服務器推”技術開始受到較多關注,Alex Russell(Dojo Toolkit 的項目 Lead)稱這種基于 HTTP 長連接、無須在瀏覽器端安裝插件的“服務器推”技術為“Comet”。目前,已經出現(xiàn)了一些成熟的 Comet 應用及各種開源框架;一些 Web 服務器如 Jetty 也在為支持大量并發(fā)的長連接進行了很多改進。關于 Comet 技術最新的發(fā)展狀況請參考關于 Comet 的 wiki。
下面將介紹兩種 Comet 應用的實現(xiàn)模型。
如圖 1 所示,AJAX 的出現(xiàn)使得 JavaScript 可以調用 XMLHttpRequest 對象發(fā)出 HTTP 請求,JavaScript 響應處理函數(shù)根據(jù)服務器返回的信息對 HTML 頁面的顯示進行更新。使用 AJAX 實現(xiàn)“服務器推”與傳統(tǒng)的 AJAX 應用不同之處在于:
圖 2. 基于長輪詢的服務器推模型
一些應用及示例,如 “Meebo”, “Pushlet Chat”,都采用了這種長輪詢的方式。相對于“輪詢”(poll),這種長輪詢方式也可以稱為“拉”(pull)。因為這種方案基于 AJAX,具有以下一些優(yōu)點:請求異步發(fā)出;無須安裝插件;IE、Mozilla FireFox 都支持 AJAX。
在這種長輪詢方式下,客戶端是在 XMLHttpRequest 的 readystate 為 4(即數(shù)據(jù)傳輸結束)時調用回調函數(shù),進行信息處理。當 readystate 為 4 時,數(shù)據(jù)傳輸結束,連接已經關閉。Mozilla Firefox 提供了對 Streaming AJAX 的支持, 即 readystate 為 3 時(數(shù)據(jù)仍在傳輸中),客戶端可以讀取數(shù)據(jù),從而無須關閉連接,就能讀取處理服務器端返回的信息。IE 在 readystate 為 3 時,不能讀取服務器返回的數(shù)據(jù),目前 IE 不支持基于 Streaming AJAX。
iframe 是很早就存在的一種 HTML 標記, 通過在 HTML 頁面里嵌入一個隱蔵幀,然后將這個隱蔵幀的 SRC 屬性設為對一個長連接的請求,服務器端就能源源不斷地往客戶端輸入數(shù)據(jù)。
圖 3. 基于流方式的服務器推模型
上節(jié)提到的 AJAX 方案是在 JavaScript 里處理 XMLHttpRequest 從服務器取回的數(shù)據(jù),然后 Javascript 可以很方便的去控制 HTML 頁面的顯示。同樣的思路用在 iframe 方案的客戶端,iframe 服務器端并不返回直接顯示在頁面的數(shù)據(jù),而是返回對客戶端 Javascript 函數(shù)的調用,如“<script type="text/javascript">js_func(“data from server ”)</script>”。服務器端將返回的數(shù)據(jù)作為客戶端 JavaScript 函數(shù)的參數(shù)傳遞;客戶端瀏覽器的 Javascript 引擎在收到服務器返回的 JavaScript 調用時就會去執(zhí)行代碼。
從 圖 3 可以看到,每次數(shù)據(jù)傳送不會關閉連接,連接只會在通信出現(xiàn)錯誤時,或是連接重建時關閉(一些防火墻常被設置為丟棄過長的連接, 服務器端可以設置一個超時時間, 超時后通知客戶端重新建立連接,并關閉原來的連接)。
使用 iframe 請求一個長連接有一個很明顯的不足之處:IE、Morzilla Firefox 下端的進度欄都會顯示加載沒有完成,而且 IE 上方的圖標會不停的轉動,表示加載正在進行。Google 的天才們使用一個稱為“htmlfile”的 ActiveX 解決了在 IE 中的加載顯示問題,并將這種方法用到了 gmail+gtalk 產品中。Alex Russell 在 “What else is burried down in the depth's of Google's amazing JavaScript?”文章中介紹了這種方法。Zeitoun 網站提供的 comet-iframe.tar.gz,封裝了一個基于 iframe 和 htmlfile 的 JavaScript comet 對象,支持 IE、Mozilla Firefox 瀏覽器,可以作為參考。
上面介紹了兩種基于 HTTP 長連接的“服務器推”架構,更多描述了客戶端處理長連接的技術。對于一個實際的應用而言,系統(tǒng)的穩(wěn)定性和性能是非常重要的。將 HTTP 長連接用于實際應用,很多細節(jié)需要考慮。
我們使用 IE 下載文件時會有這樣的體驗,從同一個 Web 服務器下載文件,最多只能有兩個文件同時被下載。第三個文件的下載會被阻塞,直到前面下載的文件下載完畢。這是因為 HTTP 1.1 規(guī)范中規(guī)定,客戶端不應該與服務器端建立超過兩個的 HTTP 連接, 新的連接會被阻塞。而 IE 在實現(xiàn)中嚴格遵守了這種規(guī)定。
HTTP 1.1 對兩個長連接的限制,會對使用了長連接的 Web 應用帶來如下現(xiàn)象:在客戶端如果打開超過兩個的 IE 窗口去訪問同一個使用了長連接的 Web 服務器,第三個 IE 窗口的 HTTP 請求被前兩個窗口的長連接阻塞。
所以在開發(fā)長連接的應用時, 必須注意在使用了多個 frame 的頁面中,不要為每個 frame 的頁面都建立一個 HTTP 長連接,這樣會阻塞其它的 HTTP 請求,在設計上考慮讓多個 frame 的更新共用一個長連接。
一般 Web 服務器會為每個連接創(chuàng)建一個線程,如果在大型的商業(yè)應用中使用 Comet,服務器端需要維護大量并發(fā)的長連接。在這種應用背景下,服務器端需要考慮負載均衡和集群技術;或是在服務器端為長連接作一些改進。
應用和技術的發(fā)展總是帶來新的需求,從而推動新技術的發(fā)展。HTTP 1.1 與 1.0 規(guī)范有一個很大的不同:1.0 規(guī)范下服務器在處理完每個 Get/Post 請求后會關閉套接口連接; 而 1.1 規(guī)范下服務器會保持這個連接,在處理兩個請求的間隔時間里,這個連接處于空閑狀態(tài)。 Java 1.4 引入了支持異步 IO 的 java.nio 包。當連接處于空閑時,為這個連接分配的線程資源會返還到線程池,可以供新的連接使用;當原來處于空閑的連接的客戶發(fā)出新的請求,會從線程池里分配一個線程資源處理這個請求。 這種技術在連接處于空閑的機率較高、并發(fā)連接數(shù)目很多的場景下對于降低服務器的資源負載非常有效。
但是 AJAX 的應用使請求的出現(xiàn)變得頻繁,而 Comet 則會長時間占用一個連接,上述的服務器模型在新的應用背景下會變得非常低效,線程池里有限的線程數(shù)甚至可能會阻塞新的連接。Jetty 6 Web 服務器針對 AJAX、Comet 應用的特點進行了很多創(chuàng)新的改進,請參考文章“AJAX,Comet and Jetty”(請參見 參考資源)。
使用長連接時,存在一個很常見的場景:客戶端網頁需要關閉,而服務器端還處在讀取數(shù)據(jù)的堵塞狀態(tài),客戶端需要及時通知服務器端關閉數(shù)據(jù)連接。服務器在收到關閉請求后首先要從讀取數(shù)據(jù)的阻塞狀態(tài)喚醒,然后釋放為這個客戶端分配的資源,再關閉連接。
所以在設計上,我們需要使客戶端的控制請求和數(shù)據(jù)請求使用不同的 HTTP 連接,才能使控制請求不會被阻塞。
在實現(xiàn)上,如果是基于 iframe 流方式的長連接,客戶端頁面需要使用兩個 iframe,一個是控制幀,用于往服務器端發(fā)送控制請求,控制請求能很快收到響應,不會被堵塞;一個是顯示幀,用于往服務器端發(fā)送長連接請求。如果是基于 AJAX 的長輪詢方式,客戶端可以異步地發(fā)出一個 XMLHttpRequest 請求,通知服務器端關閉數(shù)據(jù)連接。
在瀏覽器與服務器之間維持一個長連接會為通信帶來一些不確定性:因為數(shù)據(jù)傳輸是隨機的,客戶端不知道何時服務器才有數(shù)據(jù)傳送。服務器端需要確保當客戶端不再工作時,釋放為這個客戶端分配的資源,防止內存泄漏。因此需要一種機制使雙方知道大家都在正常運行。在實現(xiàn)上:
服務器端在阻塞讀時會設置一個時限,超時后阻塞讀調用會返回,同時發(fā)給客戶端沒有新數(shù)據(jù)到達的心跳信息。此時如果客戶端已經關閉,服務器往通道寫數(shù)據(jù)會出現(xiàn)異常,服務器端就會及時釋放為這個客戶端分配的資源。
如果客戶端使用的是基于 AJAX 的長輪詢方式;服務器端返回數(shù)據(jù)、關閉連接后,經過某個時限沒有收到客戶端的再次請求,會認為客戶端不能正常工作,會釋放為這個客戶端分配、維護的資源。
當服務器處理信息出現(xiàn)異常情況,需要發(fā)送錯誤信息通知客戶端,同時釋放資源、關閉連接。
Pushlet 是一個開源的 Comet 框架,在設計上有很多值得借鑒的地方,對于開發(fā)輕量級的 Comet 應用很有參考價值。
Pushlet 使用了觀察者模型:客戶端發(fā)送請求,訂閱感興趣的事件;服務器端為每個客戶端分配一個會話 ID 作為標記,事件源會把新產生的事件以多播的方式發(fā)送到訂閱者的事件隊列里。
pushlet 提供了基于 AJAX 的 JavaScript 庫文件用于實現(xiàn)長輪詢方式的“服務器推”;還提供了基于 iframe 的 JavaScript 庫文件用于實現(xiàn)流方式的“服務器推”。
JavaScript 庫做了很多封裝工作:
網頁可以很方便地使用這兩個 JavaScript 庫文件封裝的 API 與服務器進行通信。
pushlet 定義了一套客戶與服務器通信的信息格式,使用 XML 格式。定義了客戶端發(fā)送請求的類型:join、leave、subscribe、unsubscribe、listen、refresh;以及響應的事件類型:data、join_ack、listen_ack、refresh、heartbeat、error、abort、subscribe_ack、unsubscribe_ack。
pushlet 在服務器端使用 Java Servlet 實現(xiàn),其數(shù)據(jù)結構的設計框架仍可適用于 PHP、C 編寫的后臺客戶端。
Pushlet 支持客戶端自己選擇使用流、拉(長輪詢)、輪詢方式。服務器端根據(jù)客戶選擇的方式在讀取事件隊列(fetchEvents)時進行不同的處理。“輪詢”模式下 fetchEvents() 會馬上返回?!绷鳌昂汀崩澳J绞褂米枞姆绞阶x事件,如果超時,會發(fā)給客戶端發(fā)送一個沒有新信息收到的“heartbeat“事件,如果是“拉”模式,會把“heartbeat”與“refresh”事件一起傳給客戶端,通知客戶端重新發(fā)出請求、建立連接。
服務端在客戶端發(fā)送 join 請求時,會為客戶端分配一個會話 ID, 并傳給客戶端,然后客戶端就通過此會話 ID 標明身份發(fā)出 subscribe 和 listen 請求。服務器端會為每個會話維護一個訂閱的主題集合、事件隊列。
服務器端的事件源會把新產生的事件以多播的方式發(fā)送到每個會話(即訂閱者)的事件隊列里。
本文介紹了如何在現(xiàn)有的技術基礎上選擇合適的方案開發(fā)一個“服務器推”的應用,最優(yōu)的方案還是取決于應用需求的本身。相對于傳統(tǒng)的 Web 應用, 目前開發(fā) Comet 應用還是具有一定的挑戰(zhàn)性。 “服務器推”存在廣泛的應用需求,為了使 Comet 模型適用于大規(guī)模的商業(yè)應用,以及方便用戶構建 Comet 應用,最近幾年,無論是服務器還是瀏覽器都出現(xiàn)了很多新技術,同時也出現(xiàn)了很多開源的 Comet 框架、協(xié)議。需求推動技術的發(fā)展,相信 Comet 的應用會變得和 AJAX 一樣普及。
鑒于服務器端推送很有必要,因此將此在 HTML 5 中進行了標準化。Server-Sent Events 就是將 Comet 技術進行的標準化。Server-Sent Events 規(guī)范“定義了 API 來打開一個 HTTP 連接,通過該連接能夠獲取從服務器推送的通知”。Server-Sent Events 包含新的 HTML 元素 EventSource 和新的 MIME 類型 text/event-stream,這個 MIME 類型定義了事件框架格式。
例如,下面 JavaScript 代碼:
var im = new EventSource('Events');
im.onmessage = function (event) {
// event.data 是推送的消息
};
EventSource 代表接收事件的客戶端的終點,如 id 為“Events”的標記。客戶端通過創(chuàng)建 EventSource 對象來打開一個 event stream。創(chuàng)建 EventSource 對象時,該對象接收一個事件來源的 URL 作為其構造函數(shù)的參數(shù)。當每次收到新的事件數(shù)據(jù)時 onmessage 事件會被調用。
此時,在 Firefox 里,看到的請求為:
GET /Events HTTP/1.1
Host: myServer:8875
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE)
AppleWebKit/532+ (KHTML, like Gecko) Version/4.0.4
Safari/531.21.10
Accept-Encoding: gzip, deflate
Referer: http://myServer:8875/
Accept: text/event-stream
Last-Event-Id: 6
Accept-Language: de-DE
Cache-Control: no-cache
Connection: keep-alive
響應為:
HTTP/1.1 200 OK
Server: xLightweb/2.12-HTML5Preview6
Content-Type: text/event-stream
Expires: Fri, 01 Jan 1990 00:00:00 GMT
Cache-Control: no-cache, no-store, max-age=0, must-revalidate
Pragma: no-cache
Connection: close
: time stream
retry: 5000
id: 7
data: Thu Mar 11 07:31:30 CET 2010
id: 8
data: Thu Mar 11 07:31:35 CET 2010
[...]
ASP .NET SignalR 是一個 ASP .NET 類庫,可以在ASP .NET 的Web項目中實現(xiàn)實時通信。什么是實時通信的Web呢?就是讓客戶端(Web頁面)和服務器端可以互相通知消息及調用方法,當然這是實時操作的。
WebSockets 是 HTML5 提供的新的API,可以在Web網頁與服務器端間建立Socket連接,當WebSockets可用時(即瀏覽器支持Html5)SignalR使用WebSockets,當不支持時SignalR將使用其它技術來保證達到相同效果。
SignalR 當然也提供了非常簡單易用的高階API,使服務器端可以單個或批量調用客戶端上的JavaScript函數(shù),并且非常 方便地進行連接管理,例如客戶端連接到服務器端,或斷開連接,客戶端分組,以及客戶端授權,使用SignalR都非常 容易實現(xiàn)。
來自: 昵稱10504424 > 《工作》
0條評論
發(fā)表
請遵守用戶 評論公約
基于B/S模式的推送
同樣的思路用在 iframe 方案的客戶端,iframe 服務器端并不返回直接顯示在頁面的數(shù)據(jù),而是返回對客戶端 Javascript 函數(shù)的調用,如“<script type="text/javascript">js_func(“data ...
服務器有新消息主動推送給客戶端瀏覽器
服務器有新消息主動推送給客戶端瀏覽器前言。Comet,基于 HTTP 長連接的 ''''''''服務器推''&...
服務器推送技術 - ServerPush
服務器推送技術 - ServerPush服務器推送技術原理分析及dwr框架簡單的使用。在客戶端使用 Java Applet,通過 java.net.Socket或 java.net.DatagramSocket或java.net.MulticastSocket 建立與服務器端的套...
Comet基于 HTTP 長連接的“服務器推”技術在Java Web實時系統(tǒng)開發(fā)中的應用
Comet基于 HTTP 長連接的“服務器推”技術在Java Web實時系統(tǒng)開發(fā)中的應用Comet基于 HTTP 長連接的"服務器推"技術在Java Web實時系統(tǒng)開發(fā)中的應用。關鍵詞:Comet;AJAX;服務器推送;Web實時系...
從polling到Websocket
從polling到Websocket.相比comet技術,websocket不僅節(jié)約了header的問題(websocket的head信息只有短短的2個字節(jié))。websocket看起來廣...
Python開發(fā)一個WEB聊天室
缺點:請求中有大半是無用,浪費帶寬和服務器資源。長輪詢:客戶端向服務器發(fā)送Ajax請求,服務器接到請求后hold住連接,直到有新消息才...
AJAX基礎詳解
實質使用XMLHttpRequest對象異步的向服務器發(fā)送請求。var xhr=null //聲明XMLHttpRequest對象。接受服務器端的響應數(shù)據(jù):使用XMLHttpRequest對象的onreadystatechange事件,監(jiān)聽服務器端的通信狀態(tài)。使...
電腦報AJAX,Web2.0的“特洛伊戰(zhàn)士”
應用了AJAX技術的Web頁面和傳統(tǒng)的動態(tài)頁面根本不同。當它們被返回到本地以后,由一個AJAX引擎使用XSLT技術將它們按照預定的文檔對象模型轉化成最終的Web頁面的更新內容——注意,不是用一個頁面代替另...
芋頭的故事 : Weblog
Glassfish與服務器推送技術。"服務器推送技術"最近的流行跟"Ajax"有著密切的關系。還不止這些,更有一些IT巨頭(Go...
微信掃碼,在手機上查看選中內容