real-timeweb實(shí)時(shí)信息流推送(已修改)
2025-05-26 19:20 本頁(yè)面
【正文】 Realtime Web實(shí)時(shí)信息流推送 聶永 提綱 ? 推送實(shí)現(xiàn)技術(shù) /歷程 ? 客戶(hù)端如何選擇 ? Java支持現(xiàn)狀 ? ? Realtime Web Java Applets Java Applets客戶(hù)端腳本 – Socket連接 – 要求本地安裝 JRE，不夠輕量 – 微軟和 Sun公司不作為，已淡出人們視野 輪詢(xún) (Polling) ? 簡(jiǎn)單易用，容易實(shí)現(xiàn) ? 所有瀏覽器都支持 ? 短連接 ? 每次請(qǐng)求，立刻返回 ? JSONP Polling 可跨域 ? Script tag Polling 可跨域 缺點(diǎn)： ? 建立大量連接 ? 服務(wù)器端并發(fā)壓力大 ? 很少被使用到 示范代碼 var polling = function() { $.get(getServerTime, function(data) { $(result).html(strong + data + /strong)。 }, text)。 } setInterval(polling, 10000)。// 每 10秒請(qǐng)求一次 輪詢(xún) 工作機(jī)制 長(zhǎng)輪詢(xún) (Long Polling) ? Http Connection:keepalive長(zhǎng)連接協(xié)議 ? 服務(wù)器端數(shù)據(jù)就緒可立即返回 ? 服務(wù)器若未就緒，連接不斷開(kāi)，等待一段時(shí)間 ? 表現(xiàn)形式： XMLHttpRequest Script tag Long Polling JSONP 流程圖 /掛起請(qǐng)求直到數(shù)據(jù)到達(dá)或超時(shí)，然后返回 ，再次發(fā)起請(qǐng)求 ，服務(wù)器端新數(shù)據(jù)需要暫時(shí)緩存 XMLHttpRequest Long Polling ? 形式自由簡(jiǎn)單，采用較多 ? 錯(cuò)誤處理、超時(shí)管理可控性強(qiáng) ? 默認(rèn)無(wú)法跨域 ? 采用跨域資源共享 CORS可部分實(shí)現(xiàn)跨域 ? 瀏覽器支持 CROS情況 ? head(AccessControlAllowOrigin, *) 示范代碼 function initGet() { $.get(getNextTimeAsync).success(function(resp) { log(resp)。 }).error(function() { log(ERROR!)。 }).done(initGet)。 //重新發(fā)起新的請(qǐng)求 } // 執(zhí)行請(qǐng)求 initGet()。 Script tag Long Polling ? 表現(xiàn)形式 : ? 可跨域 ? 風(fēng)險(xiǎn) :無(wú)法控制因跨域產(chǎn)生返回函數(shù)的執(zhí)行 (一個(gè)站點(diǎn)系無(wú)此擔(dān)憂(yōu) ) ? 一般應(yīng)用于同一級(jí)域名，不同二級(jí)域名搭配使用 ? 可使用 JSONP規(guī)避此 javascript風(fēng)險(xiǎn) ? 很棒的入門(mén)資料 : Comet (long polling) for all browsers using ScriptCommunicator 示范代碼 客戶(hù)端： script type=text/javascript var url = 39。scriptTagDemo?time=39。 + new Date().getTime()。 var on_success = function(){ doRequst()。 //執(zhí)行成功后 ,重新發(fā)起請(qǐng)求 }。 var on_error = function(){ alert(Something went wrong!)。 }。 var doRequst = function(){ (url, on_success, on_error)。 }。 doRequst()。 /script 服務(wù)器端返回： = true。$(39。div39。).html(39。Now Time : 20210822 09:58:04 07839。)。 輪詢(xún) VS長(zhǎng)輪詢(xún) ? 短輪詢(xún)一般定時(shí)請(qǐng)求 ? 長(zhǎng)輪詢(xún)一般在上一次輪詢(xún)完成之后，發(fā)起下一個(gè)新的請(qǐng)求 ? AJAX長(zhǎng)輪詢(xún)時(shí)，最好標(biāo)注超時(shí)時(shí)間 ? 服務(wù)器端處理方式有所不同 流推送 (Streaming) ? 客戶(hù)端一次連接，服務(wù)器數(shù)據(jù)可多次推送 ? 低延遲通信相對(duì)經(jīng)濟(jì)的單向通道選擇 ? 實(shí)現(xiàn)方案： Hidden iFrame(iframe + htmlfile) XMLHttpRequest Streaming ? 瀏覽器 Streaming兼容性測(cè)試 請(qǐng)求流程 Hidden iFrame + XMLHttpRequest Streaming類(lèi)似，但輸出稍有差別 Hidden iFrame ? 隱藏 iframe + htmlfile組成 ? 服務(wù)器發(fā)送 chunked編碼數(shù)據(jù)塊 ? 每個(gè)數(shù)據(jù)塊即一段 javascript代碼 ? 通過(guò) javascript渲染頁(yè)面數(shù)據(jù) ? 各個(gè)瀏覽器都支持 iframe ? 在 IE、 Firefox下面效果最好 ? 不可跨域 ? 缺點(diǎn)： 錯(cuò)誤處理可控性不強(qiáng) 客戶(hù)端響應(yīng) XMLHttpRequest Streaming ? XMLHttpRequest以流的形式輸出 ? 瀏覽器需要支持的 multipart標(biāo)志 ? 跨域資源共享 (CrossOrigin Resource Sharing)簡(jiǎn)稱(chēng) CROPS可實(shí)現(xiàn) Ajax跨域 ? 支持瀏覽器不多 ? 進(jìn)階閱讀 : S
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1