简介
Comet4J是一个微型的即时推送框架,它分为服务端与客户端两部分,你只要将服务器端(JAR文件,目前仅支持Tomcat6、7)放入WEB-INF\lib,客户端(JavaScript文件)引入到页面,那么你的应用就具备了向客户端推送信息的能力,而你仅需要在服务器端调用Comet4J所提供发送方法,信息就会被主动的推送到客户的浏览器上。
准备工作
下载服务端jar文件
Comet4J目前仅支持Tomcat6、7版本,根据您所使用的Tomcat版本下载【comet4jtomcat6.jar】或【comet4j-tomcat7.jar】文件放置到WEB项目的WEB-INF\lib目录下。
下载客户端js文件
下载【comet4j.js】到您的项目中,比如:WebContent\js目录下。
修改服务器配置文件
因为Comet4J工作在NIO方式下,所以我们需要调整服务器连接器配置,更换为NOI连接器。 打开server.xml文件将找到原先的连接器配置:
[html] view plaincopy
- <Connector executor="tomcatThreadPool" port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" />
替换为:
[html] view plaincopy
- <Connector URIEncoding="UTF-8" connectionTimeout="20000" port="8080" protocol="org.apache.coyote.http11.Http11NioProtocol" redirectPort="8443"/>
客户端
我们利用Comet4J开发一个每隔一秒向所有客户端推送服务器的剩余内存大小。 helloworld.html
[html] view plaincopy
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Comet4J Hello World</title>
- <script type="text/javascript" src="js/comet4j-0.0.2.js"></script>
- <script type="text/javascript">
- function init(){
- var kbDom = document.getElementById('kb');
- JS.Engine.on({
- hello : function(kb){//侦听一个channel
- kbDom.innerHTML = kb;
- }
- });
- JS.Engine.start('conn');
- }
- </script>
- </head>
- <body onload="init()">
- 剩余内存:<span id="kb">...</span>KB
- </body>
- </html>
服务端
helloworld.java
[java] view plaincopy
- package org.comet4j.demo.helloworld;
- import javax.servlet.ServletContextEvent;
- import javax.servlet.ServletContextListener;
- import org.comet4j.core.CometContext;
- import org.comet4j.core.CometEngine;
- public class HelloWorld implements ServletContextListener {
- private static final String CHANNEL = "hello";
- public void contextInitialized(ServletContextEvent arg0) {
- CometContext cc = CometContext.getInstance();
- cc.registChannel(CHANNEL);//注册应用的channel
- Thread helloAppModule = new Thread(new HelloAppModule(), "Sender App Module");
- helloAppModule.setDaemon(true);
- helloAppModule.start();
- }
- class HelloAppModule implements Runnable {
- public void run() {
- while (true) {
- try {
- Thread.sleep(1000);
- } catch (Exception ex) {
- ex.printStackTrace();
- }
- CometEngine engine = CometContext.getInstance().getEngine();
- engine.sendToAll(CHANNEL, Runtime.getRuntime().freeMemory()/1024);
- }
- }
- }
- public void contextDestroyed(ServletContextEvent arg0) {
- }
- }
配置
web.xml
[html] view plaincopy
- <listener>
- <description>Comet4J容器侦听</description>
- <listener-class>org.comet4j.core.CometAppListener</listener-class>
- </listener>
- <servlet>
- <description>Comet连接[默认:org.comet4j.core.CometServlet]</description>
- <display-name>CometServlet</display-name>
- <servlet-name>CometServlet</servlet-name>
- <servlet-class>org.comet4j.core.CometServlet</servlet-class>
- </servlet>
- <servlet-mapping>
- <servlet-name>CometServlet</servlet-name>
- <url-pattern>/conn</url-pattern>
- </servlet-mapping>
- <listener>
- <description>HelloWorld</description>
- <listener-class>org.comet4j.demo.helloworld.HelloWorld</listener-class>
- </listener>
客户端使用简介
客户端是一个JavaScript文件(comet4j-0.0.2.js),其中最重要的是JS.Connector和JS.Engine两个类。JS.Connector负责与服务器建立并保持连接,而JS.Engine类负责将服务器推送过来的消息转化为开发人员可以处理的消息事件,并分发出去,大多数情况下,我们仅需要使用JS.Engine类就可以完成多数的开发工作。
JS.Engine类是一个静态类,在一个页面中只有一个JS.Engine类的实例。它除了负责把服务器推过来的消息转化为事件分发以外,与服务器的连接与断开也由此类负责。
JS.Engine.start方法
JS.Engine.start(String str)和JS.Engine.stop(String str)分别控制连接和断开动作,start方法需要传入一个字符串参数,用来指定您配置的Comet4J连接地址。比如按前面准备工作的配置了CometServlet的地址为/conn,那么可以这样写:
[javascript] view plaincopy
- JS.Engine.start('/conn');
上段代码我们让浏览器与服务器进行连接,当连接成功以后JS.Engine类会发出"start"事件,如何进行事件的处理我们稍后介绍。
JS.Engine.stop方法
我们也能够让连接断开:
[javascript] view plaincopy
- JS.Engine.stop('主动断开');
上面代码我们让连接断开,并传入了一个“主动断开”这样一个断开的原因。如果您并不需要对断开的原因进行说明,也可以不传递参数:
[javascript] view plaincopy
- JS.Engine.stop();
JS.Engine类的事件处理
上面我们介绍了如何使用start和stop方法来建立和断开连接,当成功建立连接已后JS.Engine会发出"start"事件,当断开后会发出“stop”事件,当收到某个通道推送过来的信息时也会发出与通道标识同名的事件。您可以事先在中使用JS.Engine.on方法来注册事件处理函数。例如:
[javascript] view plaincopy
- JS.Engine.on('start',function(cId, channelList, engine){
- alert('连接已建立,连接ID为:' + cId);
- });
- JS.Engine.on('stop',function(cause, cId, url, engine){
- alert('连接已断开,连接ID为:' + cId + ',断开原因:' + cause + ',断开的连接地址:'+ url);
- });
也可以将上段代码写成,下面代码与上段代码完全等效:
[javascript] view plaincopy
- JS.Engine.on({
- start : function(cId, channelList, engine){
- alert('连接已建立,连接ID为:' + cId);
- },
- stop : function(cause, cId, url, engine){
- alert('连接已断开,连接ID为:' + cId + ',断开原因:' + cause + ',断开的连接地址:'+ url);
- }
- });
接下来,介绍一下如何对服务器推送过来的消息进行处理。在介绍之前,我们假设后台已经注册了一个"hello"的应用通道标识,并且只向客户端推送简单的字符串信息。先看如下代码:
[javascript] view plaincopy
- JS.Engine.on('hello',function(text){
- alert(text);
- });
这样当服务器端使用"hello"通道标识推送过来的消息就可以由上段代码进行处理,将推送过来的信息弹出。
特别注意:以上代码在事件处理函数中使用了alert仅为说明函数功能,实际使用中,在事件处理函数中切勿使用alert、prompt、confirm等可以中断脚本运行的函数,因为Engine需要实时的保持工作状态。
服务器端使用简介
服务端由一个Jar包组成,其中最重的是CometContext和CometEngine两个类。
Comet Context 类
CometContext是一个单态类,通过其getInstance方法来获得实例,它主要负责框架的一些初始化工作保存着一些参数的配置值,除此之外它还有一个更重要的职责——负责注册应用通道标识。如果您想使用框架来实现自己的应用,那么您必需要为自己的应用分配一个唯一的通道标识,并将此通道标识在WEB容器启动时使用CometContext的registChannel方法进行注册,这样,客户端才可以正确接受此应用所推送的消息。注册一个通道标识非常简单
[java] view plaincopy
- CometContext.getInstance().registChannel("hello");
这样便注册了一个标识为“hello”的应用通道,而客户也可以通过JS.Engine.on('hello',function(msg){...})的形式来接收并处理来自此通道的消息。
Comet Engine 类
另一个重要的类是CometEngine,它除了负责对连接的处理之外,对于开发人员而言,更加常用的可能是它所提供的sendTo或sendToAll方法来向客户端发送消息:
[java] view plaincopy
- ring channel = "hello";
- String someConnectionId = "1125-6634-888";
- engine.sendToAll(channel , "我来了!");
- engine.sendTo(channel , engine.getConnection(someConnectionId),“Hi,我是XXX”);
上面代码使用sendToAll方法向所有客户端在"hello"通道上发送了“我来了!”这样一条消息,然后又使用sendTo在同样的通道上向某一个连接发送了“Hi,我是XXX”消息。 CometEngine另外一个很重要的地方在于,它是框架工作的事件引擎的集散地,它提供了BeforeConnectEvent、BeforeDropEvent、ConnectEvent、DropEvent、MessageEvent等事件。通过对这些事件的处理来实现具体的功能:
[java] view plaincopy
- class JoinListener extends ConnectListener {
- @Override
- public boolean handleEvent(ConnectEvent anEvent) {
- CometConnection conn = anEvent.getConn();
- CometContext.getInstance().getEngine().sendTo("hello", conn.getId(),"欢迎上线");
- }
- }
- CometEngine engine = CometContext.getInstance().getEngine();
- engine.addConnectListener(new JoinListener()
上面先定义了一个JoinListener并实现了父类ConnectListener的handleEvent抽像方法,然后使用engine.addConnectListener来注册这个事件侦听。这样,在有客户与服务器成功建立连接已后,就可以向此客户端推送一条欢迎信息。
Comet4J配置参数表
[html] view plaincopy
- <!--Comet4J配置 -->
- <listener>
- <description>Comet4J容器侦听</description>
- <listener-class>org.comet4j.core.CometAppListener</listener-class>
- </listener>
- <servlet>
- <description>Comet连接[默认:org.comet4j.core.CometServlet]</description>
- <display-name>CometServlet</display-name>
- <servlet-name>CometServlet</servlet-name>
- <servlet-class>org.comet4j.core.CometServlet</servlet-class>
- </servlet>
- <servlet-mapping>
- <servlet-name>CometServlet</servlet-name>
- <url-pattern>/conn</url-pattern>
- </servlet-mapping>
- <!-- Comet4J可选参数配置-->
- <context-param>
- <description>语言[支持:zh,en,默认:zh,详细http://www.loc.gov/standards/iso639-2/php/English_list.php]</description>
- <param-name>Comet.Language</param-name>
- <param-value>zh</param-value>
- </context-param>
- <context-param>
- <description>请求超时时间/微妙[默认:60000,1分钟,建议至少设置3秒以上]</description>
- <param-name>Comet.Timeout</param-name>
- <param-value>60000</param-value>
- </context-param>
- <context-param>
- <description>连接空闲过期时间/微妙[默认:5000,5秒]</description>
- <param-name>Comet.ConnExpires</param-name>
- <param-value>5000</param-value>
- </context-param>
- <context-param>
- <description>连接检查频率/微妙[默认:5000,5秒]</description>
- <param-name>Comet.ConnFrequency</param-name>
- <param-value>5000</param-value>
- </context-param>
- <context-param>
- <description>缓存信息过期时间/微妙[默认:60000,1分种]</description>
- <param-name>Comet.CacheExpires</param-name>
- <param-value>60000</param-value>
- </context-param>
- <context-param>
- <description>缓存信息过期检查频率/微妙[默认:60000,1分种]</description>
- <param-name>Comet.CacheFrequency</param-name>
- <param-value>60000</param-value>
- </context-param>
- <context-param>
- <description>连接模式[auto(默认)/stream/lpool]</description>
- <param-name>Comet.WorkStyle</param-name>
- <param-value>auto</param-value>
- </context-param>
- <context-param>
- <description>开启调试[false(默认)/true]</description>
- <param-name>Comet.Debug</param-name>
- <param-value>false</param-value>
- </context-param>