DWR3.0框架入门（2） —— DWR的服务器推送

时间 2019-11-06

标签 dwr3.0 dwr 框架入门服务器推送栏目 Ajax 繁體版

原文原文链接

在开始本节内容以前，先来了解一下什么是服务器推送技术和DWR的推送方式。

1.服务器推送技术和DWR的推送方式

传统模式的 Web 系统以客户端发出请求、服务器端响应的方式工做，服务端不能主动发送请求(消息)给客户端。

这种方式并不能知足不少现实应用的需求，譬如：

监控系统：后台硬件热插拔、LED、温度、电压发生变化；

即时通讯系统：其它用户登陆、发送信息；

即时报价系统：后台数据库内容发生变化；

　　这些应用都须要服务器能实时地将更新的信息传送到客户端，而无须客户端发出请求。“服务器推”技术在现实应用中有一些解决方案，这些解决方案大体能够分为两类：

一类须要在浏览器端安装插件，基于套接口（Socket）传送信息，或是使用 RMI、CORBA 进行远程调用；而另外一类则无须浏览器安装任何插件、基于 HTTP 长链接。

　　而基于客户端套接口的“服务器推”技术大致能够分为:

　　　　1.传统轮询：在 Web 早期，这一点常使用 meta 刷新实现。这将自动指示浏览器在指定秒数以后从新装载页面，从而支持简陋的轮询（ polling ）。例如在 HTML 文件中加入 <META HTTP-RQUIV="Refresh" CONTENT=12> ，实际上就是 HTTP 头标告知浏览器每 12 秒更新一次文档。

　　　　　　　　　优势：不须要服务器端配置

　　　　　　　　　缺点：用户体验度差

　　　　　　　　　　　　对服务器的压力很大，带宽流失严重

　　　　2.ajax轮询：Ajax 隔一段时间（一般使用 JavaScript 的 setTimeout 函数）就去服务器查询是否有改变，从而进行增量式的更新。可是间隔多长时间去查询成了问题，由于性能和即时性形成了严重的反比关系。间隔过短，接二连三的请求会冲垮服务器，间隔太长，务器上的新数据就须要越多的时间才能到达客户机。

　　　　　　　　　优势：不须要太多的服务器端配置

　　　　　　　　　　　下降了带宽的负荷（由于返回的不是完整的页面）

　　　　　　　　　缺点：对服务器的压力并无减小

　　　　　　　　　　　　实时性差，有必定的延迟

　　　　　　　　　应用：这种技术很常见，不少webmail应用程序就是经过这种技术在电子邮件到达时显示电子邮件的。

　　　　3.comet：Comet 方式通俗的说就是一种长链接机制 (long lived http) 。一样是由 Browser 端主动发起请求，可是 Server 端以一种彷佛很是慢的响应方式给出回答。这样在这个期间内，服务器端可使用同一个 connection 把要更新的数据主动发送给 Browser 。所以请求可能等待较长的时间，期间没有任何数据返回，可是一旦有了新的数据，它将当即被发送到客户机。Comet 又有不少种实现方式，可是总的来讲对 Server 端的负载都会有增长 . 虽然对于单位操做来讲，每次只须要建议一次 connection, 可是因为 connection 是保持较长时间的 , 对于 server 端的资源的占用要有所增长。

　　　　　　　　　优势：实时性好（消息延时小）；性能好（能支持大量用户）　　　　　　　　　

　　　　　　　　　缺点：长期占用链接，丧失了无状态高并发的特色。

　　　　　　　　　应用：股票系统。实时通信。

　　　　4.flash xml socket：这种方案实现的基础是：1、 Flash 提供了 XMLSocket 类。2、 JavaScript 和 Flash 的紧密结合：在 JavaScript 能够直接调用 Flash 程序提供的接口。

　　　　　　　　　优势：实时性好（消息延时小）；性能好（能支持大量用户）　　　　　　　　　

　　　　　　　　　缺点：由于 XMLSocket 没有 HTTP 隧道功能， XMLSocket 类不能自动穿过防火墙；

　　　　　　　　　　　　由于是使用套接口，须要设置一个通讯端口，防火墙、代理服务器也可能对非 HTTP 通道端口进行限制；

　　　　　　　　　应用：网络聊天室，网络互动游戏。

　　　　5.java appet：在客户端使用 Java Applet ，经过 java.net.Socket 或 java.net.DatagramSocket 或 java.net.MulticastSocket 创建与服务器端的套接口链接，从而实现 “ 服务器推送 ” 。

DWR采用的是长链接机制。

一、长链接技术经过客户端发出请求获取服务器端数据的方式一般称为"拉"技术，很形象说明客户端在拉取服务器端数据，而有时候须要服务器端主动向客户端"推"数据，好比监测聊天上线人数主动向上线发送消息，后台数据库发生变化是主动更新全部客户端展现。

二、Reverse Ajax实现服务器推技术DWR2.x的推技术也叫DWR Reverse Ajax（逆向Ajax）主要是在BS架构中，从服务器端向多个浏览器主动推数据的一种技术。DWR的逆向Ajax主要包括两种模式：主动模式和被动模式。其中主动模式包括polling和comet两种，被动模式只有piggyback这一种：

（1）piggyback方式，是默认的方式。若是后台有什么内容须要推送到前台，是要等到那个页面进行下一次ajax请求的时候，将须要推送的内容附加在该次请求以后，传回到页面。只有等到下次请求页面主动发起了，中间的变化内容才传递回页面。

（2）comet方式当服务端创建和浏览器的链接，将页面内容发送到浏览器以后，对应的链接并不关闭，只是暂时挂起。若是后面有什么新的内容须要推送到客户端的时候直接经过前面挂起的链接再次传送数据。服务器所能提供的链接数目是必定的，在大量的挂起的链接没有关闭的状况下，可能形成新的链接请求不能接入，从而影响到服务质量。

（3）polling方式由浏览器定时向服务端发送ajax请求，询问后台是否有什么内容须要推送，有的话就会由服务端返回推送内容。这种方式和咱们直接在页面经过定时器发送ajax请求，而后查询后台是否有变化内容的实现是相似的。 javascript

2.ScriptSession的生命周期

客户端每次请求（刷新）都会生成一个新的ScriptSession，当客户端请求时或者客户端退出时将会销毁ScriptSession。

经过ScriptSession咱们能够获得客户端（浏览器）的脚本执行权。即咱们能够直接调用浏览器的js代码。

本节Demo实现的基本功能：

在上节（ DWR3.0框架入门（1） —— 实现ajax ）的代码基础上修改，实现将index.jsp输入框中的推送文本显示在其它打开的jsp页面上

3.Demo修改的流程

1.修改MessagePush中的send方法：

package sugar.dwr;

import java.util.Collection;

import org.directwebremoting.Browser;
import org.directwebremoting.ScriptBuffer;
import org.directwebremoting.ScriptSession;

public class MessagePush {

        public void send(final String content){

              Runnable run = new Runnable(){
                      private ScriptBuffer script = new ScriptBuffer();
                      public void run() {
                            //设置要调用的 js及参数
                            script.appendCall("show" , content);
                            //获得全部ScriptSession
                           Collection<ScriptSession> sessions = Browser.getTargetSessions();
                            //遍历每个ScriptSession
                            for (ScriptSession scriptSession : sessions){
                                  scriptSession.addScript( script);
                           }
                     }
              };
               //执行推送
              Browser. withAllSessions(run);
       }
}

2.新建receiver.jsp用来接收来自服务器的消息：

<%@ page language= "java" import ="java.util.*" pageEncoding="UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head >
    <title >dwr接收</title >
        <script src="js/jquery-1.8.3.js" ></script>
        <script type="text/javascript" src= "dwr/util.js"></script >   
        <script type="text/javascript" src= "dwr/engine.js"></script >
        <script type="text/javascript" src= "dwr/interface/messagePush.js" ></script>
  </head >
 
  <body >
        dwr接收<br />
        <div id="content" style=" width: 200px ;height: 30px;border : 1px solid ; text-align: center ; padding: 5px;"></ div>
        <script type="text/javascript" >
           //这个方法用来启动该页面的ReverseAjax功能
           dwr.engine.setActiveReverseAjax( true);
           //设置在页面关闭时，通知服务端销毁会话
           dwr.engine.setNotifyServerOnPageUnload( true);
           //这个函数是提供给后台推送的时候 调用的
           function show(content){ 
               $( "#content" ).text(content);
           }
        </script>
  </body >
</html>

测试：

先打开receiver.jsp，后打开index.jsp输入文本后发送，效果如图：