k1121

浏览: 181031 次
性别:
来自: 北京

最近访客更多访客>>

artsio

guoguo007

u012363178

hloeem

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

使用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均无法实现无刷新的客户端信息提交。

分享到：

开源框架Pushlet入门 | 实时监听输入框值变化的完美方案：oninput ...

2014-07-13 23:06
浏览 770
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

使用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. 无刷新的提交信息（从客户端发送消息）

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

使用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. 无刷新的提交信息（从客户端发送消息）

评论

发表评论

相关推荐

软件架构：Java spi机制 面向接口的编程

利用pushState开发无刷页面切换

UTF8最好不要带BOM

glifyjs安装

移动前端开发基础与优化

纯JS实现图片预览与等比例缩放和居中

使用ModSecurity 保护Web服务安全

jstl fmt使用，JSTL 格式化标签

使用ngrok让微信公众平台通过80端口访问本机

刘强东剖析京东：为何巨亏也要做物流

开源框架Pushlet入门

网站中的用户提示信息也要重视用户体

java JAXB 学习

jQuery实现往返城市和日期输入查询

select节点clone全解析

关于ESB实施的几点建议

服务器处理能力，你估算正确过吗？

业务需求调研经验分享

在 UNIX 操作系统上优化 N 层 J2EE 应用程序

在 UNIX 操作系统上优化 N 层 J2EE 应用程序

最近访客更多访客>>

软件架构：Java spi机制面向接口的编程