`

Web端服务器推送技术原理分析及dwr框架简单的使用

 
阅读更多

背景

服务器推送技术”ServerPushing)是最近Web技术中最热门的一个流行术语。它是继“Ajax之后又一个倍受追捧的Web技术。“服务器推送技术”最近的流行跟“Ajax ”有着密切的关系。

随着 Ajax技术的兴起,让广大开发人员又一次看到了使用浏览器来替代桌面应用的机会,并且这次机会非常大。Ajax将整个页面的刷新变成页面局部的刷新,并且数据的传送是以异步方式进行,这使得网络延迟带来的视觉差异将会消失。

但是,在浏览器中的 Ajax应用中存在一个致命的缺陷无法满足传统桌面系统的需求。那就是“服务器发起的消息传递”(Server-Initiated Message Delivery)。在很多的应用当中,服务器软件需要向客户端主动发送消息或信息。因为服务器掌握着系统的主要资源,能够最先获得系统的状态变化和事件的发生。当这些变化发生的时候,服务器需要主动的向客户端实时的发送消息。例如股票的变化。在传统的桌面系统这种需求没有任何问题,因为客户端和服务器之间通常存在着持久的连接,这个连接可以双向传递各种数据。而基于HTTP协议的 Web应用却不行。

客户端得到通知的方式

 

图1 传统web 访问机制

我们知道, Web的访问机制天生是设计用来 pull数据的,如图 1,也就是只允许 Browser端主动发起请求,server是被动的响应,不允许Server向 Browser发出一个 connection请求,也就是说没有为server向 Browser push数据提供设计实现.虽然没有直接的实现方法,却可以使用一些变通的方式完成类似的功能。

2.1 传统轮询

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

优点 :不需要服务器端的配置。

缺点 

a) 糟糕的用户体验

b) 对服务器的压力很大,并且造成带宽的极大浪费。

2.2 Ajax 轮询

Ajax隔一段时间(通常使用JavaScriptsetTimeout函数)就去服务器查询是否有改变,从而进行增量式的更新。但是间隔多长时间去查询成了问题,因为性能和即时性造成了严重的反比关系。间隔太短,连续不断的请求会冲垮服务器,间隔太长,务器上的新数据就需要越多的时间才能到达客户机。

优点:

a) 不需要太多服务器端的配置。

b) 降低带宽的负荷(因为服务器返回的不是完整页面)。

缺点:

a) 对服务器的压力并不会有明显的减少。

b) 实时性差,有一定的延迟。

应用: 这是一项非常常见的技术,例如,大多数 webmail应用程序就是通过这种技术在电子邮件到达时显示电子邮件的。

2.3 Comet

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

优点: 实时性好(消息延时小);性能好(能支持大量用户)

缺点: 长期占用连接,丧失了无状态高并发的特点。

应用: 股票系统、实时通讯。

2.4 Flash XML Socket

这种方案实现的基础是:一、Flash提供了 XMLSocket类。二、 JavaScript 和 Flash的紧密结合:在 JavaScript可以直接调用 Flash程序提供的接口。

缺点:

a) 因为XMLSocket没有HTTP隧道功能,XMLSocket类不能自动穿过防火墙;

b) 因为是使用套接口,需要设置一个通信端口,防火墙、代理服务器也可能对非HTTP通道端口进行限制;

应用: 网络聊天室,网络互动游戏。

2.5 Java Applet 套接口

在客户端使用 Java Applet,通过 java.net.Socketjava.net.DatagramSocketjava.net.MulticastSocket 建立与服务器端的套接口连接,从而实现服务器推送 

缺点: 需要客户端安装 JAVA虚拟机。

Comet 介绍

Comet 有时也称反向 Ajax或服务器端推技术(server-side push)。其思想很简单:将数据直接从服务器推到浏览器,而不必等到浏览器请求数据。听起来简单,但是如果熟悉Web 应用程序,尤其是HTTP协议,那么您就会知道,这绝不简单。实现Comet风格的 Web应用程序,同时保证在浏览器和服务器上的可伸缩性,这只是在最近几年才成为可能。目前一些主流网站都有类似的原理,例如:webQQ、开心网、校内等等,它们中消息动态都是采用类似的技术,只是具体实现方式不一样。

COMET的精髓就在于用服务器与javascript来维持浏览器的长连接,同时完成服务器端事件的浏览器端响应。这样的事件广播机制是跨网络的,同时也是实时的。

采用了 Comet技术的服务器在客户机做出一个请求后,和客户机建立一个永久的连接,然后服务器会根据客户机的请求不断把数据包推向客户,这个推的过程是不间断的。由服务器推向客户机的数据在客户机的浏览器上会不断产生新的内容,而且不会产生Client pull那样的HTML文档头,从而大大减少了延迟的时间,向(服务器响应--客户机请求)同步迈进了一步。

服务器推送通常效率要比客户端拖曳效率高,因为它不必为后续数据建立新的连接。由于始终保持连接,即使没有数据传输时也是这样,因此服务器必须愿意分配这些TCP/IP端口,对于TCP/IP端口数有限的服务器这将是一个严重的问题。

客户端拖曳效率低,因为这必须每次为传送数据建立新的连接。但是它不必始终保持连接。在实际情况中,建立HTTP连接通常需要花费相当多的时间,多达一秒甚至更多。因此从性能上考虑,服务器推送对于最终用户更有吸引力,特别是对于需要经常更新信息的情况下。

服务器推送相对客户端拖曳的另一点优势是,服务器推送相对比较容易控制。例如,服务器每一次推送时都保持一个连接,但它又随时可以关闭其中的任何连接,而不需要在服务器上设置特殊的算法。而客户端拖曳在同样的情况下要麻烦许多,它每次要与服务器建立连接,服务器为了处理将客户端拖曳请求与特定的最终用户匹配等情况,需要使用相当麻烦的算法。

如上所述,在服务器推送中,多个响应中连接始终保持,使服务器可在任何时间发送更多的数据。一个明显的好处是服务器完全能够控制更新数据的时间和频率。另外,这种方法效率高,因为始终保持连接。缺点是保持连接状态会浪费服务器端的资源。服务器推送还比较容易中断。

Comet 实现(Java语言)

4.1 死循环法

最简单的自然是死循环法,如果使用观察者模式则可以进一步提高性能。

但是这种做法的缺点在于客户端请求了这个 servlet后, web 服务器会开启一个线程执行 servlet 的代码,而 servlet 由迟迟不肯结束,造成该线程也无法被释放。于是乎,一个客户端一个线程,当客户端数量增加时,服务器依然会承受很大的负担。

4.2 改写web服务器

目前的趋势是从 web 服务器内部入手,用 nio ( JDK 1.4 提出的 java.nio 包)改写 request/response 的实现,再利用线程池增强服务器的资源利用率,从而解决这个问题,目前支持这一非 J2EE 官方技术的服务器有 Glassfish 和 Jetty 。

JDK 1.4 版本 ( 包括之后的版本 ) 最显著的新特性就是增加了 NIO(New IO) ,能够以非阻塞的方式处理网络的请求,这就使得在 Java 中只需要少量的线程就能处理大量的并发请求了。

Jetty 6设计来处理大量并发连接,它使用Java语言的不堵塞 I/O(java.nio)库并且使用优化的输出缓冲架构。Jetty也有一个处理长连接的杀手锏:一个称为 Continuations的特性。

Grizzly 作为 GlassFish 中非常重要的一个项目,就是用 NIO 的技术来实现应用服务器中的高性能纯 Java 的 HTTP 引擎。 Grizzly 还是一个独立于 GlassFish 的框架结构,可以单独用来扩展和构建自己的服务器软件。

特点: 使用 NIO 不是一件简单的技术,它的一些特点使得编程的模型比原来阻塞的方式更为复杂。

4.3 使用框架

基于 Java 的成熟的服务器推送框架有 DWR 。

DWR是一个开放源码的使用Apache许可协议的解决方案,它包含服务器端Java库、一个 DWR servlet以及 JavaScript库。虽然 DWR不是 Java平台上唯一可用的Ajax-RPC 工具包,但是它是最成熟的,而且提供了许多有用的功能。从最简单的角度来说,DWR是一个引擎,可以把服务器端Java对象的方法公开给JavaScript 代码。使用DWR 可以有效地从应用程序代码中把Ajax的全部请求 -响应循环消除掉。这意味着客户端代码再也不需要直接处理XMLHttpRequest对象或者服务器的响应。不再需要编写对象的序列化代码或者使用第三方工具才能把对象变成XML。甚至不再需要编写servlet代码把 Ajax请求调整成对 Java域对象的调用。

DWR 从 2.0开始增加了 push 功能 , 也就是在异步传输的情况下可以从 Web-Server 端发送数据到 Browser

一个简单的dwr推送程序

第一步 将dwr相关的jar包导入到工程

第二步 配置web.xml文件

[html] view plaincopy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"  
  3. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4. xsi:schemaLocation="http://java.sun.com/xml/ns/javaee  
  5. http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  6. <servlet>  
  7. <servlet-name>dwr-invoker</servlet-name>  
  8. <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>  
  9. <!-- 设置是否允许使用dwr推送技术 -->  
  10. <init-param>  
  11. <param-name>activeReverseAjaxEnabled</param-name>  
  12. <param-value>true</param-value>  
  13. </init-param>  
  14. <init-param>  
  15. <param-name>maxWaitAfterWrite</param-name>  
  16. <param-value>-1</param-value>  
  17. </init-param>  
  18. <load-on-startup>1</load-on-startup>  
  19. </servlet>  
  20. <servlet-mapping>  
  21. <servlet-name>dwr-invoker</servlet-name>  
  22. <url-pattern>/dwr/*</url-pattern>  
  23. </servlet-mapping>  
  24. </web-app>  

 

第三步编写com.im.service.SendPushService类

 

[java] view plaincopy
  1. public class SendPushService {  
  2. //发送消息  
  3. public void send(String msg) {  
  4. System.out.println("==========调用了send方法==========");  
  5. ScriptBuffer scriptBuffer = new ScriptBuffer(); //构造js脚本  
  6. WebContext webContext=WebContextFactory.get();  
  7. ScriptSession myScSession = webContext.getScriptSession();  
  8. scriptBuffer.appendScript("dwrtest(");  
  9. scriptBuffer.appendData(msg);  
  10. scriptBuffer.appendScript(")");  
  11. Util util = new Util(myScSession);  
  12. util.addScript(scriptBuffer); //向客户端推送消息  
  13. }  
  14. }  

第四步 dwr.xml文件定义向外暴露的接口

 

[html] view plaincopy
  1. <allow>  
  2. <create creator="new" javascript="SendPushService">  
  3. <param name="class" value="com.im.service.SendPushService"/>  
  4. </create>  
  5. </allow>  

第五步编写jsp文件.

[html] view plaincopy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns=" http://www.w3.org/1999/xhtml">  
  4. <head>  
  5. <base href="${basePath }" />  
  6. <script type='text/javascript' src='${basePath}dwr/engine.js'></script>  
  7. <script type='text/javascript' src='${basePath}dwr/util.js'></script>  
  8. <script type='text/javascript' src='${basePath}dwr/interface/SendPushService.js'></script>  
  9. <script type="text/javascript">  
  10. function hello(){  
  11. SendPushService.send("第一个dwr推程序");  
  12. }  
  13. /**由dwr在后台调用这个方法**/  
  14. function dwrtest(data){  
  15. alert(data);  
  16. }  
  17. </script>  
  18. <title>第一个dwr推程序</title>  
  19. </head>  
  20. <body onload="dwr.engine.setActiveReverseAjax(true);">  
  21. <input type="button" value="点击我" onclick="hello();" />  
  22. </body>  
  23. </html>  

 

分享到:
评论

相关推荐

    基于DWR框架的Web推送技术实现

    在本项目"基于DWR框架的Web推送技术实现"中,我们将探讨如何利用DWR框架来构建一个实时的Web聊天程序。 首先,理解DWR框架的核心概念是至关重要的。DWR允许开发者在浏览器中直接调用服务器上的Java方法,就像它们是...

    dwr推技术实现服务器推送数据

    5. **客户端接收**:在JavaScript中,使用DWR提供的API注册回调函数,接收到服务器推送的数据后进行处理和展示。 Java推技术不仅限于DWR,还有其他框架如Comet、Atmosphere等也提供了类似的功能。但DWR因其易用性和...

    DWR推送技术大全 dwr推送聊天实例

    总的来说,DWR推送技术通过Comet实现了高效的服务器到客户端的数据推送,简化了实时Web应用的开发。结合提供的源码示例"j-jetty-dwr-comet-src",开发者可以深入理解DWR的工作原理,并学习如何在实际项目中应用这项...

    WEB端精准消息推送 dwr

    "WEB端精准消息推送 dwr" 这个标题暗示了我们要讨论的是一个基于DWR(Direct Web Remoting)技术实现的WEB应用,该应用具有精确的消息推送功能,可以实现在Web端进行一对一的消息传递。 **描述详解:** 描述中提到...

    DWR消息推送简单实例

    对于消息推送,你需要设置一个回调函数来处理服务器推送给客户端的新消息。 7. **DWR的调试与日志** DWR提供了强大的调试工具和日志记录功能,可以帮助开发者在开发过程中快速定位问题,优化性能。 8. **运行与...

    DWR框架学习demo

    DWR的核心在于其反向AJAX技术,它通过建立一个HTTP长连接,使得服务器端可以主动推送数据到客户端,而不仅仅是响应客户端的请求。 **1. DWR框架的核心组件** - **Engine**: 引擎是DWR的核心,负责处理所有与远程...

    springMVC+dwr技术实现消息推送实例

    5. **事件处理:** 当服务器推送消息时,JavaScript会接收到通知,然后根据需求更新页面或者触发其他客户端事件。 6. **安全性和优化:** 考虑到性能和安全性,可能需要限制长连接的数量,进行连接管理和超时处理,...

    dwr框架需要使用的jar包

    它使用一种称为“Reverse AJAX”的技术,即服务器主动向客户端推送数据,而不是传统的客户端请求服务器的模式。这种方式大大减少了用户等待响应的时间。 在实际应用中,DWR的主要应用场景包括但不限于以下几点: 1...

    dwr java推送例子 免积分

    这种推送技术在Web应用中非常有用,可以用来更新用户界面而无需手动刷新页面。 首先,我们需要理解DWR的基本工作原理。DWR通过创建JavaScript对象来映射服务器端的Java方法,使得JavaScript可以直接调用这些方法,...

    jsp DWR框架推模式实现的聊天室

    **DWR(Direct Web Remoting)框架是一种在Web应用程序中实现AJAX(Asynchronous JavaScript and XML)技术的工具,它允许JavaScript与服务器端的Java代码进行实时交互,从而创建更动态、更响应式的用户界面。...

    dwr3消息推送

    需要注意的是,虽然DWR3已经是一个较老的框架,但其核心思想——Web上的远程调用和实时推送,仍然是现代Web开发中的重要技术。在实际项目中,开发者可能会选择更新的技术,如WebSockets或者Server-Sent Events (SSE)...

    AJAX框架DWR简单应用

    6. **实时更新**:DWR的Reverse AJAX特性使得服务器能够主动推送数据到客户端,实现了双向通信,常用于聊天、股票报价等实时应用。 7. **易于集成**:DWR可以轻松地与现有的MVC框架(如Spring MVC)集成,同时支持...

    dwr框架资料(主要是关于dwr配置文件的说明)

    DWR(Direct Web Remoting)框架是一个开源的Java技术,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时通信,极大地增强了Web应用的交互性和动态性。DWR的核心功能在于提供了一种简单的方式来调用...

    DWR框架学习资料...

    DWR(Direct Web Remoting)框架是一个开源的Java库,它允许Web应用程序在客户端和...通过学习这两个PPT,你可以全面了解DWR框架,掌握其核心概念和使用技巧,从而在实际项目中更好地运用DWR实现高效、动态的Web应用。

    dwr 消息后台推送

    综上所述,"DWR消息后台推送"涉及到的主要知识点包括DWR的工作原理、后台推送技术的应用、DWR的配置与JavaScript接口使用、服务器端逻辑实现、以及性能优化和兼容性考虑。这个例子为开发者提供了一个实践DWR后台推送...

    dwr后台推送

    总的来说,DWR后台推送技术通过长连接或者定期轮询实现了服务器到客户端的数据实时推送,为Web应用提供了类似桌面应用的交互体验。了解并掌握DWR的推送机制,以及在不同版本和框架下的应用,对于提升Web应用的实时性...

    dwr+从服务端推送消息到网页

    **DWR(Direct Web Remoting)技术详解及服务端消息推送至网页的实践** DWR,全称为Direct Web Remoting,是一种开源JavaScript库,它允许Web应用程序在客户端和服务器之间进行实时、双向通信,实现类似Ajax的效果...

    dwr精准推送

    7. **客户端接收**:在JavaScript中设置事件监听器,以便接收到服务器推送的消息后执行相应的处理逻辑,如弹出通知或更新界面。 8. **安全考虑**:由于DWR允许JavaScript直接调用服务器端方法,所以必须确保对暴露...

    基于dwr的java推送消息慕课小项目

    3. **JavaScript接口**:在客户端,通过DWR生成的JavaScript接口,注册事件监听器,以便在接收到服务器推送的消息时执行相应操作。 4. **建立连接**:客户端与服务器建立持久连接,使服务器能在有新消息时立即通知...

    java_ajax框架dwr

    1. **反向Ajax(Reverse Ajax)**:DWR的核心是反向Ajax技术,它打破了传统的请求-响应模式,允许服务器主动推送数据到客户端,而不必等待用户的触发。 2. **Java远程调用(Remote Method Invocation, RMI)**:DWR...

Global site tag (gtag.js) - Google Analytics