這篇文章主要為大家展示了“服務器推送事件的示例分析”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“服務器推送事件的示例分析”這篇文章吧。
服務器推送事件(Server-sent Events)是基于WebSocket 協(xié)議的一種服務器向客戶端發(fā)送事件&數(shù)據(jù)的單向通訊。目前所有主流瀏覽器均支持服務器發(fā)送事件,當然除了 Internet Explorer 。2333...
WebSocket 協(xié)議是繼HTTP協(xié)議后又一服務器客戶端通訊協(xié)議,不同于HTTP單純的客戶端請求服務器響應單向通訊模式的是它支持了服務端客戶端的雙向通訊。
Server-sent Events 的使用
Server-sent Events(以下簡稱SSE)作為服務器=>客戶端通訊方式那必然客戶端要有相應的服務地址和響應方法,服務端要有相應的數(shù)據(jù)發(fā)送方法;
客戶端JS代碼
H5頁面需添加如下JS代碼: <script> if (typeof (EventSource) !== "undefined") { //推送服務接口地址 var eventSource = new EventSource("http://localhost:2242/webservice/ServerSent/SentNews"); //當通往服務器的連接被打開 eventSource.onopen = function () { console.log("連接打開..."); } //當錯誤發(fā)生 eventSource.onerror= function (e) { console.log(e); }; //當接收到消息,此事件為默認事件 eventSource.onmessage = function (event) { console.log("onmessage..."); eventSource.close()//關閉SSE鏈接 }; //服務器推送sentMessage事件 eventSource.addEventListener('sentMessage', function (event) { var data = eval('('+event.data+')');//服務器端推送的數(shù)據(jù),eval裝換Json對象 var origin = event.origin;//服務器 URL 的域名部分,即協(xié)議、域名和端口,表示消息的來源。 var lastEventId = event.lastEventId;////數(shù)據(jù)的編號,由服務器端發(fā)送。如果沒有編號,這個屬性為空。 //此處根據(jù)需求編寫業(yè)務邏輯 console.log(data); }, false); } else { //瀏覽器不支持server-sent events 所有主流瀏覽器均支持服務器發(fā)送事件,除了 Internet Explorer。 document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events..."; } </script>
服務端
服務端應當返回怎樣的數(shù)據(jù)格式?應當以什么樣的響應給客戶端呢?先來個.Net 的樣例
/// <summary>/// 推送消息/// </summary>/// <returns></returns> [HttpGet]public HttpResponseMessage SentNews() { HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.OK);try{//response.Headers.Add("Access-Control-Allow-Origin", "*");//如需要跨域可配置string data_str = “推送至客戶端的數(shù)據(jù)”;//當然可以是json字符串格式string even = "", data = "";if (!string.IsNullOrWhiteSpace(data_str)) { even = "event:sentMessage\n"; data = "data:" + data_str + "\n\n"; }string retry = "retry:" + 1000 + "\n";//連接斷開后重連時間(毫秒),其實可以理解為輪詢時間 2333...byte[] array = Encoding.UTF8.GetBytes(even + data + retry); Stream stream_result = new MemoryStream(array); response.Content = new StreamContent(stream_result); response.Content.Headers.ContentType = new MediaTypeHeaderValue("text/event-stream");//此處一定要配置response.Headers.CacheControl = new CacheControlHeaderValue(); response.Headers.CacheControl.NoCache = false; }catch (Exception ex) { LogHelper.WriteWebLog(ex); }return response; }
看完以上代碼我想你應該有個大概了,響應的方式還是HTTPResponse響應,但總是有點小小的要求的:
響應報頭"Content-Type" 要設置為 "text/event-stream"
響應的數(shù)據(jù)格式也應該注意到了上述代碼中的"data:"、"event:"和"retry:"這些標記:
event:表示該行用來聲明事件的類型。瀏覽器在收到數(shù)據(jù)時,會產(chǎn)生對應類型的事件。
data:表示該行包含的是數(shù)據(jù)。以 data 開頭的行可以出現(xiàn)多次。所有這些行都是該事件的數(shù)據(jù)。
retry:表示該行用來聲明瀏覽器在連接斷開之后進行再次連接之前的等待時間。
id:表示該行用來聲明事件的標識符(即數(shù)據(jù)的編號),不常用。
以上是“服務器推送事件的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前題目:服務器推送事件的示例分析-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源:http://chinadenli.net/article26/dsiocg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設計、用戶體驗、企業(yè)建站、關鍵詞優(yōu)化、網(wǎng)站營銷、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)