Web服务器推送技术介绍及Cometd使用例子

传统模式的 Web 系统以客户端发出请求、服务器端响应的方式工作。不能满足很多现实应用的需求，譬如：

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

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

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

即时信息系统：微博、说说实时推送

目前主流的是采取如下几种方式来实现以上需求：

Ajax轮询：异步响应机制，即通过不间断的客户端 Ajax 请求，去发现服务端的变化。这种方式由于是客户端主动连接的，所以会有一定程度的延时，并且服务器的压力也不小。

长轮询：原理是客户端发出一个http长连接请求，然后等待服务器的响应，服务器接到请求之后，并不立即发送出数据，而是hold住这个Connecton。这个处理是非阻塞的，所以服务器可以继续处理其他请求。在某个时刻，比如服务器有新数据了，服务器再主动把这个消息推送出去，即通过之前建立好的连接将数据推送给客户端。客户端收到返回。这个时候就可以处理数据，然后再次发起新的长连接。服务器压力一般，实时性很高。Servlet 3.0开始已经支持该技术。sina微博就是使用的原生Servlet 3实现的消息推送。

套接字：可以利用 Flash 的 XMLSocket 类或者 Java 的 Applet 来建立 Socket 连接，实现全双工的服务器推送，然后通过 Flash 或者Applet 与 JavaScript 通信的接口来实现最终的数据推送。但是这种方式需要 Flash 或者 JVM 的支持，同样不太合适于终端用户。

HTML5的WebSocket：这种方式其实与套接字一样，但是这里需要单独强调一下：它是不需要用户而外安装任何插件的。HTML5 提供了一个 WebSocket 的 JavaScript 接口，可以直接与服务端建立Socket 连接，实现全双工通信，这种方式的服务器推送就是完全意义上的服务器推送了，没有半点模拟的成分，只是现阶段支持 HTML5 的浏览器并不多，而且一般老版本的各种浏览器基本都不支持。不过 HTML5 是一套非常好的标准，在将来，当HTML5 流行起来以后将是我们实现服务器推送技术的不二选择。

Ajax轮训压力大，套接字不适用，HTML5目前支持不大多，这样看来长轮询是我们的必然之选。 可是使用 servlet 3 实现自己要做的事很多。没有有什么可供选择的框架呢？当然是有了，如下：

1、Cometd
 http://cometd.org/ 
基于Bayeux协议实现，支持长轮询、WebSocket等..

2、Pushlet
 http://www.pushlets.com/ 
基于HTTP流的JSP/Semlet技术实现

3、Atmosphere
 http://atmosphere.java.net/ 
4、DWR
 http://directwebremoting.org/dwr/index.html

据我的了解，使用最多的应该是 DWR 和 Cometd了，其中Cometd功能强大使用又简单。我参与的一个项目中使用Cometd 做前台地图上人员轨迹的实时推送，几百个人员的实时轨迹推送都是没问题的。用。Cometd前台有2个实现版本 Jquery 和 Dojo，也可以用JS但是会复杂点。（PS Cometd 官方文档相当使用，遇到问题就读一遍，肯定能找到你想要的。 http://docs.cometd.org/reference/）
如果你安装Maven了，以下2个简单的命令就能让你体验一把推送效果

1、mvn archetype:generate -DarchetypeCatalog=http://cometd.org (选择任意一个)
2、进入刚才创建的项目目录
3、mvn install jetty:run
4、前台访问 http://localhost:8080/刚才创建的项目名

下面下载包我在项目中使用的实例。实例下载，请猛击这里
传送门

你可能想向前台传送的数据是一个类而不仅仅是字符串，那么你可以使用Jackson让cometd帮你做自动的转换，而你的Java代码中是直接向客户端输出对象。甚至是List都可以。你需要如下操作：1、向前端输出的对象必须实现 Serializable , Cloneable 和 JSON.Convertible 接口。

import java.util.Date;
import java.util.Map;
import org.eclipse.jetty.util.ajax.JSON;
import org.eclipse.jetty.util.ajax.JSON.Output;
import com.yixun.util.TimeUtil;
public class Alarmrecord implements java.io.Serializable  , Cloneable, JSON.Convertible{
// Fields
private Long recordid;
private Readerinfo readerinfo;
private Cardinfo cardinfo;
private Position position;
private Alarminfo alarminfo;
private String alarmdetail;
private Date recordtime;
private String alarmType;
private String alarmState;
/**
* @see org.eclipse.jetty.util.ajax.JSON$Convertible#fromJSON(java.util.Map)
* @author simon
* create on Apr 14, 2012  11:58:41 AM
*/
public void fromJSON(Map map) {
this.recordid = (Long) map.get("recordid");
this.readerinfo = (Readerinfo) map.get("readerinfo");
this.cardinfo = (Cardinfo) map.get("cardinfo");
this.position = (Position) map.get("position");
this.alarminfo = (Alarminfo) map.get("alarminfo");
this.alarmdetail = (String) map.get("alarmdetail");
this.alarmType = (String) map.get("alarmType");
this.alarmState = (String) map.get("alarmState");
this.recordtime = (Date) map.get("recordtime");
}

/**
* @see org.eclipse.jetty.util.ajax.JSON$Convertible#toJSON(org.eclipse.jetty.util.ajax.JSON.Output)
* @author simon
* create on Apr 14, 2012  11:58:46 AM
*/
public void toJSON(Output out) {
out.add("recordid", recordid);
out.add("readerinfo", readerinfo);
out.add("cardinfo", cardinfo);
out.add("position", position);
out.add("alarminfo", alarminfo);
out.add("alarmdetail", alarmdetail);
out.add("recordtime", TimeUtil.format(recordtime,"yyyy-MM-dd HH:mm:ss"));
out.add("alarmType", alarmType);
out.add("alarmState", alarmState);
}
}

2、Web.xml 中,org.cometd.server.CometdServlet 下添加 使用Jetty json 的参数。如下图：

<!-- 报警推送 -->
<servlet>
<servlet-name>cometd</servlet-name>
<servlet-class>org.cometd.server.CometdServlet</servlet-class>
<init-param>
<!-- 使用jetty json 模块 -->
<param-name>jsonContext</param-name>
<param-value>
org.cometd.server.JettyJSONContextServer
</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>cometd</servlet-name>
<url-pattern>/cometd/*</url-pattern>
</servlet-mapping>

<servlet>
<servlet-name>initializer</servlet-name>
<servlet-class>
com.yixun.epolice.action.comet.BayeuxInitializer
</servlet-class>
<load-on-startup>2</load-on-startup>
</servlet>
<filter>
<filter-name>cross-origin</filter-name>
<filter-class>
org.eclipse.jetty.servlets.CrossOriginFilter
</filter-class>
</filter>
<filter-mapping>
<filter-name>cross-origin</filter-name>
<url-pattern>/cometd/*</url-pattern>
</filter-mapping>
<filter>
<filter-name>continuation</filter-name>
<filter-class>
org.eclipse.jetty.continuation.ContinuationFilter
</filter-class>
</filter>
<filter-mapping>
<filter-name>continuation</filter-name>
<url-pattern>/cometd/*</url-pattern>
</filter-mapping>

3、OK，这样你后台就可以直接这样写来向前台写数据了，cometd会帮你做对象到Json的转换。

public  void update(Object o) {
// 对 "/alarm" 频道广播消息
if( null!= getBayeux().getChannel("/alarm") && o instanceof Alarmrecord ){
getBayeux().getChannel("/alarm").publish(getServerSession(), (Alarmrecord)o,null);
}
}

4、前台这样获取数据：

if (handshake.successful === true)
{
cometd.batch(function()
{
cometd.subscribe('/alarm', function(message)
{
//对接收到的消息进行显示处理
var alarm = message.data;
if(len<1){ //如果初始时表中没有行
$("#tableClass tbody").append("<tr bgcolor='#FFFFFF'>" +
"<td align='center'> <input type='checkbox' value='"+alarm.recordid+"'name='selecteditems'/></td>"+
"<td nowrap='nowrap' align='center'>"+alarm.cardinfo.cardid+"</td>"+
"<td nowrap='nowrap' align='center'>"+alarm.alarminfo.information+"</td>"+
"<td nowrap='nowrap' align='center'>"+alarm.alarmdetail+"</td>"+
"<td nowrap='nowrap' align='center'>"+alarm.position.positionName+"</td>"+
"<td nowrap='nowrap' align='center'>"+alarm.recordtime+"</td>"+
"<td nowrap='nowrap' align='center'>"+alarmState+"</td><tr>");
}
cometd.publish('/service/alarm', { });
});
}

5、另外有一点要说的是 如果你向前台写的对象 AlarmRecord中包含其他对象如Positon ，那么Position对象也要实现 Serializable , Cloneable 和 JSON.Convertible 接口

再次强调，官方文档很全很有用。另如果还有什么问题可以在文章下留言，大家互相探讨，互相学习。