Spring整合DWRcomet实现无刷新多人聊天室

用dwr的comet(推)来实现简单的无刷新多人聊天室,comet是长连接的一种。通常我们要实现无刷新,一般会使用到Ajax。Ajax 应用程序可以使用两种基本的方法解决这一问题:一种方法是浏览器每隔若干秒时间向服务器发出轮询以进行更新,另一种方法是服务器始终打开与浏览器的连接并在数据可用时发送给浏览器。***种方法一般利用setTimeout或是setInterval定时请求,并返回***数据,这无疑增加了服务器的负担,浪费了大量的资源。而第二种方法也会浪费服务器资源,长期的建立连接;而相对***种来说,第二种方式会更优于***种方法;这里有一个一对多和多对一的关系,而comet向多个客户端推送数据就是一对多的关系。而具体使用哪种方式,要看你当前的需求而定,没有绝对的。

成都创新互联公司为企业级客户提高一站式互联网+设计服务,主要包括网站设计制作、成都网站制作、重庆App定制开发、微信平台小程序开发、宣传片制作、LOGO设计等,帮助客户快速提升营销能力和企业形象,创新互联各部门都有经验丰富的经验,可以确保每一个作品的质量和创作周期,同时每年都有很多新员工加入,为我们带来大量新的创意。 

为什么使用Comet?

轮询方法的主要缺点是:当扩展到更多客户机时,将生成大量的通信量。每个客户机必须定期访问服务器以检查更新,这为服务器资源添加了更多负荷。最坏的一种情况是对不频繁发生更新的应用程序使用轮询,例如一种 Ajax 邮件 Inbox。在这种情况下,相当数量的客户机轮询是没有必要的,服务器对这些轮询的回答只会是 “没有产生新数据”。虽然可以通过增加轮询的时间间隔来减轻服务器负荷,但是这种方法会产生不良后果,即延迟客户机对服务器事件的感知。当然,很多应用程序可以实现某种权衡,从而获得可接受的轮询方法。

尽管如此,吸引人们使用 Comet 策略的其中一个优点是其显而易见的高效性。客户机不会像使用轮询方法那样生成烦人的通信量,并且事件发生后可立即发布给客户机。但是保持长期连接处于打开状态也会消耗服务器资源。当等待状态的 servlet 持有一个持久性请求时,该 servlet 会独占一个线程。这将限制 Comet 对传统 servlet 引擎的可伸缩性,因为客户机的数量会很快超过服务器栈能有效处理的线程数量。

如果本示例结合Jetty应用服务器效果会更好。

开发环境:

System:Windows

WebBrowser:IE6+、Firefox3+

JavaEE Server:tomcat5.0.2.8、tomcat6

IDE:eclipse、MyEclipse 8

开发依赖库:

JavaEE5、Spring 3.0.5、dwr 3

Email:hoojo_@126.com

Blog:http://blog.csdn.net/IBM_hoojo or http://hoojo.cnblogs.com/

#p#

一、准备工作

1、 下载dwr的相关jar包

https://java.net/downloads/dwr/Development%20Builds/Build%20116/dwr.jar

程序中还需要spring的相关jar包

http://ebr.springsource.com/repository/app/library/version/detail?name=org.springframework.spring&version=3.0.5.RELEASE

需要的jar包如下

2、 建立一个WebProject,名称DWRComet

在web.xml中添加dwr、spring配置如下:

 
 
 
 
  1. <-- 加载Spring容器配置 --> 
  2.  
  3.     org.springframework.web.context.ContextLoaderListener 
  4.  
  5.    
  6. <-- 设置Spring容器加载配置文件路径 --> 
  7.  
  8.     contextConfigLocation 
  9.     classpath*:applicationContext-*.xml 
  10.  
  11.    
  12.  
  13.     org.directwebremoting.servlet.DwrListener 
  14.  
  15.    
  16.  
  17.     dwr-invoker 
  18.     org.directwebremoting.servlet.DwrServlet 
  19.      
  20.         debug 
  21.         true 
  22.      
  23.           
  24.     <-- dwr的comet控制 --> 
  25.      
  26.       pollAndCometEnabled 
  27.       true 
  28.      
  29.  
  30.    
  31.  
  32.     dwr-invoker 
  33.     /dwr/* 
  34.  

3、 在src目录加入applicationContext-beans.xml配置,这个配置专门配置bean对象,用来配置需要注入的对象。

 
 
 
 
  1.  
  2.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
  3.     xmlns:aop="http://www.springframework.org/schema/aop" 
  4.     xmlns:tx="http://www.springframework.org/schema/tx"   
  5.     xmlns:util="http://www.springframework.org/schema/util" 
  6.     xmlns:context="http://www.springframework.org/schema/context" 
  7.     xsi:schemaLocation="http://www.springframework.org/schema/beans   
  8.     http://www.springframework.org/schema/beans/spring-beans-3.0.xsd  
  9.     http://www.springframework.org/schema/aop   
  10.     http://www.springframework.org/schema/aop/spring-aop-3.0.xsd  
  11.     http://www.springframework.org/schema/tx   
  12.     http://www.springframework.org/schema/tx/spring-tx-3.0.xsd  
  13.     http://www.springframework.org/schema/util   
  14.     http://www.springframework.org/schema/util/spring-util-3.0.xsd  
  15.     http://www.springframework.org/schema/context   
  16.     http://www.springframework.org/schema/context/spring-context-3.0.xsd"> 
  17.  

4、 在WEB-INF目录添加dwr.xml文件,基本代码如下

   
   
   
   
  1.  
  2.  
  3.  
  4.  

以上的准备基本完毕,下面来完成无刷新聊天室代码

#p#

二、聊天室相关业务实现

1、 聊天实体类Model

 
 
 
 
  1. package com.hoo.entity;  
  2.    
  3. import java.util.Date;  
  4.    
  5. /**  
  6.  * function:  
  7.  * @author hoojo  
  8.  * @createDate 2011-6-3 下午06:40:07  
  9.  * @file Message.java  
  10.  * @package com.hoo.entity  
  11.  * @project DWRComet  
  12.  * @blog http://blog.csdn.net/IBM_hoojo  
  13.  * @email hoojo_@126.com  
  14.  * @version 1.0  
  15.  */ 
  16. public class Message {  
  17.     private int id;  
  18.     private String msg;  
  19.     private Date time;  
  20.     //getter、setter  

2、 编写聊天信息的事件

 
 
 
 
  1. package com.hoo.chat;  
  2.    
  3. import org.springframework.context.ApplicationEvent;  
  4.    
  5. /**  
  6.  * function:发送聊天信息事件  
  7.  * @author hoojo  
  8.  * @createDate 2011-6-7 上午11:24:21  
  9.  * @file MessageEvent.java  
  10.  * @package com.hoo.util  
  11.  * @project DWRComet  
  12.  * @blog http://blog.csdn.net/IBM_hoojo  
  13.  * @email hoojo_@126.com  
  14.  * @version 1.0  
  15.  */ 
  16. public class ChatMessageEvent extends ApplicationEvent {  
  17.    
  18.     private static final long serialVersionUID = 1L;  
  19.    
  20.     public ChatMessageEvent(Object source) {  
  21.         super(source);  
  22.     }  

继承ApplicationEvent,构造参数用于传递发送过来的消息。这个事件需要一个监听器监听,一旦触发了这个事件,我们就可以向客户端发送消息。

3、 发送消息服务类,用户客户端发送消息。dwr需要暴露这个类里面的发送消息的方法

 
 
 
 
  1. package com.hoo.chat;  
  2.    
  3. import org.springframework.beans.BeansException;  
  4. import org.springframework.context.ApplicationContext;  
  5. import org.springframework.context.ApplicationContextAware;  
  6. import com.hoo.entity.Message;  
  7.    
  8. /**  
  9.  * function:客户端发消息服务类业务  
  10.  * @author hoojo  
  11.  * @createDate 2011-6-7 下午02:12:47  
  12.  * @file ChatService.java  
  13.  * @package com.hoo.chat  
  14.  * @project DWRComet  
  15.  * @blog http://blog.csdn.net/IBM_hoojo  
  16.  * @email hoojo_@126.com  
  17.  * @version 1.0  
  18.  */ 
  19. public class ChatService implements ApplicationContextAware {  
  20.     private ApplicationContext ctx;  
  21.     public void setApplicationContext(ApplicationContext ctx) throws BeansException {  
  22.         this.ctx = ctx;  
  23.     }  
  24.       
  25.     /**  
  26.      * function: 向服务器发送信息,服务器端监听ChatMessageEvent事件,当有事件触发就向所有客户端发送信息  
  27.      * @author hoojo  
  28.      * @createDate 2011-6-8 下午12:37:24  
  29.      * @param msg  
  30.      */ 
  31.     public void sendMessage(Message msg) {  
  32.         //发布事件  
  33.         ctx.publishEvent(new ChatMessageEvent(msg));  
  34.     }  

上面的sendMessage需要浏览器客户端调用此方法完成消息的发布,传递一个Message对象,并且是触发ChatMessageEvent事件。

#p#

4、 编写监听器监听客户端是否触发ChatMessageEvent

 
 
 
 
  1. package com.hoo.chat;  
  2.    
  3. import java.util.Collection;  
  4. import java.util.Date;  
  5. import javax.servlet.ServletContext;  
  6. import org.directwebremoting.ScriptBuffer;  
  7. import org.directwebremoting.ScriptSession;  
  8. import org.directwebremoting.ServerContext;  
  9. import org.directwebremoting.ServerContextFactory;  
  10. import org.springframework.context.ApplicationEvent;  
  11. import org.springframework.context.ApplicationListener;  
  12. import org.springframework.web.context.ServletContextAware;  
  13. import com.hoo.entity.Message;  
  14.    
  15. /**  
  16.  * function:监听客户端事件,想客户端推出消息  
  17.  * @author hoojo  
  18.  * @createDate 2011-6-7 上午11:33:08  
  19.  * @file SendMessageClient.java  
  20.  * @package com.hoo.util  
  21.  * @project DWRComet  
  22.  * @blog http://blog.csdn.net/IBM_hoojo  
  23.  * @email hoojo_@126.com  
  24.  * @version 1.0  
  25.  */ 
  26. @SuppressWarnings("unchecked")  
  27. public class ChatMessageClient implements ApplicationListener, ServletContextAware {  
  28.       
  29.     private ServletContext ctx;  
  30.     public void setServletContext(ServletContext ctx) {  
  31.         this.ctx = ctx;  
  32.     }  
  33.       
  34.     @SuppressWarnings("deprecation")  
  35.     public void onApplicationEvent(ApplicationEvent event) {  
  36.         //如果事件类型是ChatMessageEvent就执行下面操作  
  37.         if (event instanceof ChatMessageEvent) {  
  38.             Message msg = (Message) event.getSource();  
  39.             ServerContext context = ServerContextFactory.get();  
  40.             //获得客户端所有chat页面script session连接数  
  41.    
  42.             Collection sessions = context.getScriptSessionsByPage(ctx.getContextPath() + "/chat.jsp");  
  43.             for (ScriptSession session : sessions) {  
  44.                 ScriptBuffer sb = new ScriptBuffer();  
  45.                 Date time = msg.getTime();  
  46.                 String s = time.getYear() + "-" + (time.getMonth() + 1) + "-" +  time.getDate() + " "   
  47.                         +  time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();  
  48.                 //执行setMessage方法  
  49.    
  50.                 sb.appendScript("showMessage({msg: '")  
  51.                 .appendScript(msg.getMsg())  
  52.                 .appendScript("', time: '")  
  53.                 .appendScript(s)  
  54.                 .appendScript("'})");  
  55.                 System.out.println(sb.toString());  
  56.                 //执行客户端script session方法,相当于浏览器执行JavaScript代码  
  57.                   //上面就会执行客户端浏览器中的showMessage方法,并且传递一个对象过去  
  58.    
  59.                 session.addScript(sb);  
  60.             }  
  61.         }  
  62.     }  

上面的代码主要是监听客户端的事件,一旦客户端有触发ApplicationEvent事件或是其子类,就会执行onApplicationEvent方法。代码中通过instanceof判断对象实例,然后再执行。如果有触发ChatMessageEvent事件,就获取所有连接chat.jsp这个页面的ScriptSession。然后像所有的ScriptSession中添加script。这样被添加的ScriptSession就会在有连接chat.jsp的页面中执行。

所以这就是客户端为什么会执行服务器端的JavaScript代码。但前提是需要在web.xml中添加dwrComet配置以及在chat页面添加ajax反转。

5、 下面开始在bean容器和dwr的配置中添加我们的配置

applicationContext-beans.xml配置

 
 
 
 
  1.  
  2.  

上面的chatService会在dwr配置中用到

dwr.xml配置

 
 
 
 
  1.  
  2.      
  3.          
  4.      
  5.    
  6.      
  7.          
  8.      
  9.  

charService的sendMessage方法传递的是Message对象,所以要配置Message对象的convert配置。

上面的create的creator是spring,表示在spring容器中拿chatService对象。里面的参数的beanName表示在spring容器中找name等于charService的bean对象。

#p#

6、 客户端chat.jsp页面代码

 
 
 
 
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %> 
  6.    
  7.  
  8.  
  9.    
  10.     "> 
  11.       
  12.     Chat 
  13.       
  14.      
  15.      
  16.           
  17.      
  18.      
  19.      
  20.      
  21.         function send() {  
  22.             var time = new Date();  
  23.             var content = dwr.util.getValue("content");  
  24.             var name = dwr.util.getValue("userName");  
  25.             var info = encodeURI(encodeURI(name + " say:\n" + content));  
  26.             var msg = {"msg": info, "time": time};  
  27.             dwr.util.setValue("content", "");  
  28.             if (!!content) {  
  29.                 ChatService.sendMessage(msg);  
  30.             } else {  
  31.                 alert("发送的内容不能为空!");  
  32.             }  
  33.         }  
  34.    
  35.         function showMessage(data) {  
  36.             var message = decodeURI(decodeURI(data.msg));  
  37.             var text = dwr.util.getValue("info");  
  38.             if (!!text) {    
  39.                 dwr.util.setValue("info", text + "\n" + data.time + "  " + message);  
  40.             } else {  
  41.                 dwr.util.setValue("info", data.time + "  " + message);  
  42.             }  
  43.         }  
  44.      
  45.    
  46.     
  47.    
  48.        
  49.       
     
  50.       昵称:
     
  51.       消息: 
  52.        
  53.    
  54.  

首先,你需要导入dwr的engine.js文件,这个很重要,是dwr的引擎文件。其次你使用的那个类的方法,也需要在导入进来。一般是interface下的,并且在dwr.xml中配置过的create。

上面的js中调用的charService类中的sendMessage方法,所以在jsp页面中导入的是ChatService.js。

在body的onload事件中,需要设置反转Ajax,这个很重要。

showMessage是ChatMessageClient的onApplicationEvent方法中的appendScript中需要执行的方法。data参数也是在那里传递过来的。

每当发送sendMessage方法后就会触发ChatMessageEvent事件,然后监听的地方就会执行onApplicationEvent方法,在这个方法中又会执行浏览器中的showMessage方法。

原文链接:http://www.cnblogs.com/hoojo/archive/2011/06/08/2075201.html

【编辑推荐】

  1. Oracle计划修复Java SE中的17个漏洞
  2. Java SE 6新年***次更新 修复Bug超300个
  3. JDK 5和Java SE 6小更新
  4. Java SE 6更新 修复重大安全问题
  5. Java SE 6中的垃圾回收器G1收费是虚惊一场

新闻标题:Spring整合DWRcomet实现无刷新多人聊天室
转载来于:http://www.shufengxianlan.com/qtweb/news37/279987.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联