使用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添加进去

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

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

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

</servlet>

<servlet-mapping>

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

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

</servlet-mapping>

(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"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Pushlet Test</title>

</head>

<body>

//初始化pushlet客户端

PL._init();

//设定运行时显示调试信息，不需要时，直接删掉即可

PL.setDebug(true);

//设定监听主题：/guoguo/helloworld，与服务器端的主题完全一致

PL.joinListen('/guoguo/helloworld');

//接收到事件后，显示服务器信息

function onData(event) {

guoguo.innerText=(event.get("hw"));

}

</script>

<p1>Pushlet Test</p1>

</body>

</html>

(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

<display-name>ChatServlet</display-name>

<servlet-name>ChatServlet</servlet-name>

<servlet-class>com.guoguo.ChatServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>ChatServlet</servlet-name>

<url-pattern>/ChatServlet</url-pattern>

</servlet-mapping>

(2) 页面端代码

发送端

<form action="<%=request.getContextPath()%>/ChatServlet">

</form>

接收端

PL._init();

PL.joinListen('/guoguo/myevent1');

function onData(event) {

guoguo.innerText = (event.get("key1"));

}

</script>

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

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

发送端

PL._init();

function sendnews(msg) {

p_publish('/guoguo/myevent1', 'key1',encodeURIComponent(msg),’key2’,’msg2’);

}

</script>

接收端

PL._init();

PL.joinListen('/guoguo/myevent1');

function onData(event) {

guoguo.innerText = (event.get("key1"));

}

</script>

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

注意：Pushlet目前仅对IE支持良好，经过笔者的测试，FireFox，Chrome均无法实现无刷新的客户端信息提交。

posted @ 2016-11-15 01:10 Tim&Blog 阅读(307) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

wang3680 机会是留给那些有准备的人

——呼和浩特市大学西路235号

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

1. 实现方式：

2. 特别注意

2.1. JSP页面上的设定

2.2. Pushlet的JS文件的Bug修改

2.3. 中文问题

3. 正式开始

3.1. 定时的从后台向前台push信息

3.2. 主动控制发送消息

3.2.1. 有刷新的提交信息（服务器端主动发送消息）

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

公告