pushlet

最新推荐文章于 2016-11-02 14:06:23 发布

福海鑫森

最新推荐文章于 2016-11-02 14:06:23 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签：服务器 servlet session comet google 浏览器

本文链接：https://blog.youkuaiyun.com/chen3888015/article/details/7517177

我的第一个pushlet例子-hello world

2011-01-18 11:27

pushlet是comet的一个实现框架，在Servlet机制下，数据从server端的java对象直接推送（push）到html页面，无需插件的支持。至于comet和ajax的区别什么的，大家上网看一下即可，这里不做太多说明。

首先去下载pushlet，下载地址：http://www.pushlets.com/，我下载的是一个当下最新的版本2.0.4。下面以一个例子做下说明，详细的可以看一下pushlet自身带的例子，源码也不是很复杂，包括几个js文件。有空大家看看源码可能更好些。

首先建立一个web工程projPushlet，将pushlet.jar放到lib目录中，引入到工程。并且将pushlet.properties和sources.properties两个文件拷贝到WEB-INF目录中去。工程的目录结构如图示

‍
我们一般只需要对sources.properties进行修改即可。创建的消息源必须在这个文件中进行配置。消息源需要实现EventSource接口

先看一下web.xml文件的servlet配置

1 <?xml version="1.0" encoding="UTF-8"?>

2 <web-app version="2.5"

3 xmlns="http://java.sun.com/xml/ns/javaee"

4 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

5 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

6 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

7 <servlet>

8 <servlet-name>pushlet</servlet-name>

9 <servlet-class>nl.justobjects.pushlet.servlet.Pushlet</servlet-class>

10 <load-on-startup>1</load-on-startup>

11 </servlet>

13 

15 

16 <servlet-mapping>

17 <servlet-name>pushlet</servlet-name>

18 <url-pattern>/pushlet.srv</url-pattern>

19 </servlet-mapping>

20 </web-app>

注意，缺省不需要修改<url-pattern>/pushlet.srv</url-pattern>，如果修改，需要在对应的js文件中也要修改。pushlt缺省就是通过pushlet.srv触发servlet的。

==========================================

看一下index.jsp这个文件的内容

1 <%@ pagecontentType="text/html;charset=UTF-8" language="java" %>

2 <html>

3 <head>

4 <script type="text/javascript" src="ajax-pushlet-client.js"></script>

5 <script type="text/javascript">

6 PL._init();

7 PL.joinListen('/zhaoyang/hi');

8 function onData(event) {

9 alert(event.get("hw"));

10 }

11 </script>

12 </head>

14 <body>

15 <h1>my first pushlet</h1>

16 </body>

17 </html>

其中，第6行，是对pushlet的初始化，触发web.xml中的servlet。其中，第七行特别重要，这里的监听的主题，必须在sources.properties中配置的对象中声明这个主题。sources.properties配置着事件源（EventSources），在服务器启动时会自动激活。可以通过服务器的启动记录查看的到。可以将这个文件放到WEB-INF目录下面或者classess目录下面都可以。（详细可以看sources.properties内的注释）

然后看一下sources.properties这个文件内容。如下图示：
‍
注意，source1是系统缺省自带的，source2是我自己配置的，并且在index.jsp中的脚本中，配置的/zhaoyang/hi是和这儿是对应的。具体是这样的。HwPlushlet是com.css.HelloWorldPlushlet对象的一个内部类，并且继承EventPullSource接口。大家看一下HelloWorldPlushlet.java就全明白了。代码如下：

1 package com.css;
2

3   import nl.justobjects.pushlet.core.Event;
4    import nl.justobjects.pushlet.core.EventPullSource;
5
6    import java.io.Serializable;
7
8    /**
9     *Created by IntelliJ IDEA.
10    * User:liuzhy
11    * Date: 2011-1-18
12    * Time:10:54:35
13    */
14   publicclass HelloWorldPlushlet implements Serializable{
15       static public class HwPlushlet extends EventPullSource {
16
17           @Override
18           protected long getSleepTime() {
19               return 1000;
20           }
21
22           @Override
23           protected Event pullEvent() {
24               Event event =Event.createDataEvent("/zhaoyang/hi");
25               event.setField("hw","hello,world");
26               return event;
27           }
28       }
29   }
30

在上面的代码中，可以看到创建事件（createDataEvent）的主题（aSubject）是/zhaoyang/hi，和index.jsp中PL.joinListen('/zhaoyang/hi'); 是对应的。EventPullSource有两个方法，一个是设置休眠时间（getSleepTime），另一个是创建事件（pullEvent）。其中，业务部分就写在pullEvent()方法中即可，这个方法会被定时调用。

这样这个基本的例子就OK了，运行一下，看看吧。

访问http://localhost:8080/ 会定时弹出alert窗口，窗口的内容就是 event.setField("hw","hello,world");，呵呵。如图：

‍

如果这个页面关闭了，服务器会自动取消订阅，和移除对应的session信息。下面是我关闭页面后，服务器端的输出信息，如图：

‍
-----------------------------------------------

这里，因为我没有对pushlet的原理进行说明，主要是写了一个例子，如果要了解原理，可以上网Google一下，原理方面的资料很多，但是实际的例子确很少，呵呵。

push模式的实现过吗？继承EventSource而不是定时发送
如果实现过请联系1988clong@sina.com，我推出消息客户端不知道如何接受

hivemind

2011-03-04 09:45 | 回复

我的这个 HwPlushlet（内部类）实现是继承 EventPullSource ，不知道咱们说的是不是一会儿事，呵呵。希望这个例子对你有所帮助

spell007

2011-04-06 14:02 | 回复

唉，看了这个例子，服务器定时推送跟客户端定时拉，效果没有啥不一样啊

Linear56

2011-04-11 21:39 | 回复

这不还是定时刷新么

hivemind

2011-04-11 23:33 | 回复

回复Linear56：有所不同，这种只是服务器端定时刷新，然后将结果发给客户端。而不是很多个客户端刷新，都请求服务器。是想一下，一个服务器有10000个用户在线，每个客户端都每5秒请求服务器一次，每秒总的请求量是多大，而如果服务器每5秒执行一次，将结果发给客户端，孰优孰略就很明显了。

33loveyy

2011-04-18 14:24 | 回复

多谢楼主发出如此精辟实用的例子，看了你的HELLOWORLD 恍然大悟啊

服务器推的技术是非常给力的。。本人正在做一个类似web qq的东西受益了感谢！！

hivemind

2011-04-19 16:44 | 回复

回复33loveyy：过誉了。呵呵

前缘尽勾销丶

2011-04-21 15:17 | 回复

帅哥，我想知道那个ajax-pushlet-client.js 和 js-pushlet-client.js 有啥不一样?如果方便的话能不能加我QQ说一下这个pushlet呢。谢谢。

nisholas_123

2011-04-23 17:21 | 回复

这个好像不能在IE6下正常运行。
我在ie6下运行，在网页的底部出现如下错误：
pushlet - server error:[pushlet] problem retrieving XML data: /webpushlet/nullpushlet.srv

webpushlet 是我项目名称;nullpushlet.srv 这个前面出现个null不知道什么原因；
但是我在苹果浏览器或google浏览器有能正常alert出来，没有报错。

nisholas_123

2011-04-23 17:23 | 回复

还有就是，pushlet自带的那些列子却都能在 ie6 下面运行