RealtimeWeb实时信息流推送-BlogJava-专注于Java技术.ppt

Realtime Web实时信息流推送 聂永 yong.boy@ /yongboy/ 提纲 推送实现技术/历程 客户端如何选择 Java支持现状 socket.io Realtime Web Java Applets Java Applets客户端脚本 .socket建立Socket连接 要求本地安装JRE，不够轻量 微软和Sun公司不作为，已淡出人们视野 轮询(Polling) 简单易用，容易实现 所有浏览器都支持 短连接 每次请求，立刻返回 JSONP Polling 可跨域 Script tag Polling 可跨域 缺点： 建立大量连接 服务器端并发压力大 很少被使用到 示范代码 var polling = function() { $.get(getServerTime, function(data) { $(#result).html(strong + data + /strong); }, text); } setInterval(polling, 10000);// 每10秒请求一次 轮询-工作机制 长轮询(Long Polling) Http 1.1 Connection:keep-alive长连接协议 服务器端数据就绪可立即返回 服务器若未就绪，连接不断开，等待一段时间 表现形式：XMLHttpRequestScript tag Long PollingJSONP 流程图 服务器端阻塞/挂起请求直到数据到达或超时，然后返回 客户端处理服务器返回消息，再次发起请求 在客户端建立连接所消耗期间，服务器端新数据需要暂时缓存 XMLHttpRequest Long Polling 形式自由简单，采用较多 错误处理、超时管理可控性强 默认无法跨域 采用跨域资源共享CORS可部分实现跨域 浏览器支持CROS情况/cors head(Access-Control-Allow-Origin, *) 示范代码 function initGet() { $.get(getNextTimeAsync).success(function(resp) { log(resp); }).error(function() { log(ERROR!); }).done(initGet); //重新发起新的请求 } // 执行请求 initGet(); Script tag Long Polling 表现形式:script src=/js/yourCometProvider.js type=text/javascript/script 可跨域 风险:无法控制因跨域产生返回函数的执行(一个站点系无此担忧) 一般应用于同一级域名，不同二级域名搭配使用 可使用JSONP规避此javascript风险 很棒的入门资料:Comet (long polling) for all browsers using ScriptCommunicator 示范代码 客户端： script type=text/javascript var url = scriptTagDemo?time= + new Date().getTime(); var on_success = function(){ doRequst(); //执行成功后,重新发起请求 }; var on_error = function(){ alert(Something went wrong!); }; var doRequst = function(){ ScriptCommunicator.sourceJavaScript(url, on_success, on_error); }; doRequst(); /script 服务器端返回：ScriptCommunicator.callback_called = true;$(#div).html(Now Time : 2012-08-22 09:58:04 078); 轮询VS长轮询 短轮询一般定时请求 长轮询一般在上一次轮询完成之后，发起下一个新的请求 AJAX长轮询时，最好标注超时时间 服务器端处理方式有所不同 流推送(Streaming) 客户端一次连接，服务器数据可多次推送 低延迟通信相对经济的单向通道选择 实现方案： Hidden iFrame(iframe + htmlfile)  XMLHttpRequest Streaming 浏览器Streaming兼容性测试 请求流程 Hidden iFrame + XMLHttpRequest Streaming类似，但输出稍有差别 Hidden iFrame 隐藏iframe + htmlfile组成 服务器