使用Pushlet将消息从服务器端推送到客户端

阅读更多

使用Pushlet来实现服务器端向客户端推送信息

1.   实现方式：
有两种实现方式：

1.         通过配置文件来实现定时的从服务器端向客户端推送信息

2.         通过API主动向另外一端推送信息



以下分别给予介绍。



2.   特别注意
在开始测试之前，有三点非常重要，需要实现讲明，否则程序将会无法正常运行：

2.1.     JSP页面上的设定
JSP页面上必须添加以下代码以确保Pushlet能够正确的获得后台服务的地址：






2.2.     Pushlet的JS文件的Bug修改
需要修改被引用的JS文件ajax-pushlet-client.js的内容，找到

PL.pushletURL = PL._getWebRoot() + 'pushlet.srv';


将其修改为

PL.pushletURL = 'pushlet.srv';


修改的原因是Pushlet进行地址解析的方法在某些应用中会解析错误，导致请求的路径是nullpushlet.srv?，最终导致无法正确的请求到服务器的信息。



2.3.     中文问题
一般情况下，如果不做特殊处理，中文问题将会导致Pushlet的客户端停止响应，解决办法是，在使用Pushlet的客户端代码发送消息之前，将其进行转码，代码为

encodeURIComponent( msg)


3.   正式开始
以上准备工作完毕，就可以正式的开发测试样例了。



3.1.     定时的从后台向前台push信息
(1)       在eclipse中创建一个动态的web工程

(2)       配置及库文件文件：从http://www.pushlets.com/ 下载最新的pushlet的开发包，将其中的以下文件按照描述进行设定

序号
文件名
源位置
目标位置
备注

1.         
pushlet.jar
{pushlet-2.0.4}\lib
项目类路径
如果使用的是applet的话，还需要将pushletclient.jar设置到项目的类路径中去

2.         
log4j.properties

pushlet.properties

sources.properties
{pushlet-2.0.4}\webapps\pushlet\WEB-INF\classes
项目的src根路径
注意稍后需要修改sources.properties，其他两个文件的内容不需要修改

3.         
ajax-pushlet-client.js
{pushlet-2.0.4}\webapps\pushlet\lib
项目的webroot\lib
需要按照之前的描述修改其中的内容


(3)       修改web.xml，将pushlet的自启动servlet添加进去

 

    pushlet

    nl.justobjects.pushlet.servlet.Pushlet

    1

 

 

    pushlet

    /pushlet.srv

 


(4)       创建服务器端代码，特别注意类和内部静态类的名字



package com.guoguo;



import java.io.Serializable;

import java.io.UnsupportedEncodingException;

import sun.rmi.runtime.Log;

import nl.justobjects.pushlet.core.Event;

import nl.justobjects.pushlet.core.EventPullSource;





public class HelloWorldPushlet implements Serializable {



    

      private static final long serialVersionUID = -8940934044114406724L;



      public static class HWPushlet extends EventPullSource {

           Log log = Log.getLog(HWPushlet.class.getName(),

                      HWPushlet.class.getName(), true);



         

           @Override

           protected long getSleepTime() {

                 return 1000;//每一秒钟自动执行一次

           }



         

           @Override

           protected Event pullEvent() {

             //注意，一下是设定消息的主题/guoguo/helloworld，号称主题是可以继承的

            //但是笔者的测试是失败的，也许方法不对，呵呵

                 Event event = Event.createDataEvent("/guoguo/helloworld");

                 String data= "hello,world 郭强 "+System.currentTimeMillis();

                 try {

                      data=new String(data.getBytes("UTF-8"),"ISO-8859-1");

                 } catch (UnsupportedEncodingException e) {

                      e.printStackTrace();

                 }

                 event.setField("hw",data);

                 return event;

           }



      }

}




(5)       注册服务器端代码为事件源，在sources.properties文件中，添加以下行

source7=com.guoguo.HelloWorldPushlet$HWPushlet


以上方式适用于有内部类的情况，如果没有内部类的话，使用以下的方式进行注册(这时外部类必须继承父类EventPullSource)

source7=com.guoguo.HelloWorldPushlet


(6)       页面（可以参考页面内注释信息）

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

      pageEncoding="ISO-8859-1"%>





















     

     

     

      Pushlet Test






(7)       启动服务器，即可看到页面上的信息每秒钟一次，进行定时的更新

3.2.     主动控制发送消息
3.2.1.   有刷新的提交信息（服务器端主动发送消息）
(1)       创建一个servlet，并且注册到web.xml中

Servlet代码

package com.guoguo;



import java.io.IOException;



import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;



import nl.justobjects.pushlet.core.Dispatcher;

import nl.justobjects.pushlet.core.Event;

import nl.justobjects.pushlet.core.SessionManager;





public class ChatServlet extends HttpServlet {

         private static final long serialVersionUID = 1L;



       

         public ChatServlet() {

                   super();

         }



       

         protected void service(HttpServletRequest request,

                            HttpServletResponse response) throws ServletException, IOException {

                   // myUnicast();

                   myMulticast();

                   // myBroadcast();

                   request.getRequestDispatcher("chat.jsp").forward(request, response);

         }



         private void myUnicast() {



                   Event event = Event.createDataEvent("/guoguo/myevent1");

                   event.setField("key1", "Unicast msg");

                   Dispatcher.getInstance().unicast(event, "piero"); // 向ID为piero的用户推送

                   System.out.println("success....");

         }



         private void myMulticast() {

                   Event event = Event.createDataEvent("/guoguo/myevent1");

                   //Event event = Event.createDataEvent("/guoguo");

                   event.setField("key1", "Multicast msg");

                   Dispatcher.getInstance().multicast(event); // 向所有和myevent1名称匹配的事件推送



                   System.out.println("wa success....");



         }



         private void myBroadcast() {

                   Event event = Event.createDataEvent("/guoguo/myevent1"); // 向所有的事件推送，不要求和这儿的myevent1名称匹配

                   event.setField("key1", "Broadcast msg");

                   Dispatcher.getInstance().broadcast(event);



                   System.out.println("asw success....");

         }



}




Web.xml

 

    ChatServlet

    ChatServlet

    com.guoguo.ChatServlet

 

 

    ChatServlet

    /ChatServlet

 




(2)       页面端代码

发送端

     

接收端

启动服务器，从发送端提交信息，内容会在接收端显示出来



3.2.2.   无刷新的提交信息（从客户端发送消息）
发送端














接收端

启动服务器，从发送端提交信息，内容会在接收端显示出来
注意：Pushlet目前仅对IE支持良好，经过笔者的测试，FireFox，Chrome均无法实现无刷新的客户端信息提交

转自http://blog.sina.com.cn/s/blog_58b9cb3a01014l71.html