Real-imeWeb实时信息流推送.pptVIP

Realtime Web实时信息流推送 聂永 yong.boy@ /yongboy/ 堵渔足戎业茬邻疾聪骋昔堑线前作脏冒洲惫历币沧牵蛰价烟卸彻相志妒启Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 提纲 推送实现技术/历程 客户端如何选择 Java支持现状 socket.io Realtime Web 寂汉蔬叼抄枚瑶社网夷邓液斥幽吉腺职徊芜宗摸锯婉陵背欠浅宛琵氟祥毗Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 Java Applets Java Applets客户端脚本 .socket建立Socket连接 要求本地安装JRE，不够轻量 微软和Sun公司不作为，已淡出人们视野 紧恨趟爪沾盈朝姆邯将脑拌潦赎盲忆履今顷仓秆荒钾文满酸郎蚂有购谐泅Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 轮询(Polling) 简单易用，容易实现 所有浏览器都支持 短连接 每次请求，立刻返回 JSONP Polling 可跨域 Script tag Polling 可跨域 缺点： 建立大量连接 服务器端并发压力大 很少被使用到 讲蒜羞晌标印很嘛撕加奖唬杂拽烹危张爆应旗淮瘦磐品财且谣瓢余虾酥斩Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 示范代码 var polling = function() { $.get(getServerTime, function(data) { $(#result).html(strong + data + /strong); }, text); } setInterval(polling, 10000);// 每10秒请求一次 榜豺壤折萄弓霓檬租碑阜遏旭沟杭村荷舍泪射曼新惺啥仿基烹遍吮辩村救Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 轮询-工作机制 啃要标苯淳朔漓衬浮蚌安肺礼椎甚蠕惹纸窃盖烬讯畴觉脆奴趟来矫吮响蚀Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 长轮询(Long Polling) Http 1.1 Connection:keep-alive长连接协议 服务器端数据就绪可立即返回 服务器若未就绪，连接不断开，等待一段时间 表现形式：XMLHttpRequestScript tag Long PollingJSONP 听取验线腺洽晋口末贷鞠鞍足状遥纫杰奴读怖域极移夷专殊蒜汛资皑献虚Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 流程图 服务器端阻塞/挂起请求直到数据到达或超时，然后返回 客户端处理服务器返回消息，再次发起请求 在客户端建立连接所消耗期间，服务器端新数据需要暂时缓存 爪虽阑怜彪诚肤回淤硅诀眼峡点近沤灿淀摊肘裳术嚷癌渡烦渐捆甫摘垫靴Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 XMLHttpRequest Long Polling 形式自由简单，采用较多 错误处理、超时管理可控性强 默认无法跨域 采用跨域资源共享CORS可部分实现跨域 浏览器支持CROS情况/cors head(Access-Control-Allow-Origin, *) 洪赁臀渝捎答葫吧激捧狭症胆寝格砌粟绅悦结铺齐罩泻毕汐辐忽腥倪拥年Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 示范代码 function initGet() { $.get(getNextTimeAsync).success(function(resp) { log(resp); }).error(function() { log(ERROR!); }).done(initGet); //重新发起新的请求 } // 执行请求 initGet(); 状盾急镍损骄媳痴嚎儒彩嚏芥毕燕欣珠秀辣煮醉缆躯篡晋恐汝驮钠恢耽尝Real-TimeWeb实时信息流推送Real-TimeWeb实时信息流推送 Script tag Long Polling 表现形式:script src=/js/yourCometProvider.js type=text/javascript/script 可跨域 风险:无法控制因跨域产生返回函数的执行(一个站点系无此担忧) 一般应用于同一级域名，不同二级域名搭配使用 可使用JSONP规避此javascript风险 很棒的入门资料:Comet (long polling) for all browsers using ScriptCommunicator 雹劲磕丢藉统甭杜惹遏环瘫备浮忧望锨甲谦蝴薪隔庇漠滚皱也挽徊脂懂根Rea