使用Pushlet来实现服务器端向客户端推送信息
使用Pushlet来实现服务器端向客户端推送信息
1. 实现方式:
有两种实现方式:
1. 通过配置文件来实现定时的从服务器端向客户端推送信息
2. 通过API主动向另外一端推送信息
以下分别给予介绍。
2. 特别注意
在开始测试之前,有三点非常重要,需要实现讲明,否则程序将会无法正常运行:
2.1. JSP页面上的设定
JSP页面上必须添加以下代码以确保Pushlet能够正确的获得后台服务的地址:
|
<base href="<%=request.getContextPath()%>"> |
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> <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> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Pushlet Test</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <base href="<%=request.getContextPath()%>"> </head> <body> <script type="text/javascript" src="lib/ajax-pushlet-client.js"></script> <div id="guoguo"></div> <script type="text/javascript"> //初始化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
|
<servlet> <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) 页面端代码
发送端
|
<base href="<%=request.getContextPath()%>"> <form action="<%=request.getContextPath()%>/ChatServlet"> <input type="submit"> </form> |
接收端
|
<base href="<%=request.getContextPath()%>"> <script type="text/javascript" src="lib/ajax-pushlet-client.js"></script> <div id="guoguo"></div> <script type="text/javascript"> PL._init(); PL.joinListen('/guoguo/myevent1'); function onData(event) { guoguo.innerText = (event.get("key1")); } </script> |
启动服务器,从发送端提交信息,内容会在接收端显示出来
3.2.2. 无刷新的提交信息(从客户端发送消息)
发送端
|
<base href="<%=request.getContextPath()%>"> <script type="text/javascript" src="lib/ajax-pushlet-client.js"></script> <script type="text/javascript"> PL._init(); function sendnews(msg) { p_publish('/guoguo/myevent1', 'key1',encodeURIComponent(msg),’key2’,’msg2’); } </script> <input type="text" name="mymsg"> <input type = "button" value="发消息" onclick="sendnews(mymsg.value)"/> |
接收端
|
<base href="<%=request.getContextPath()%>"> <script type="text/javascript" src="lib/ajax-pushlet-client.js"></script> <div id="guoguo"></div> <script type="text/javascript"> PL._init(); PL.joinListen('/guoguo/myevent1'); function onData(event) { guoguo.innerText = (event.get("key1")); } </script> |
启动服务器,从发送端提交信息,内容会在接收端显示出来
注意:Pushlet目前仅对IE支持良好,经过笔者的测试,FireFox,Chrome均无法实现无刷新的客户端信息提交。
使用Pushlet来实现服务器端向客户端推送信息的更多相关文章
- pushlet实现服务器端向客户端推送信息
使用Pushlet来实现服务器端向客户端推送信息 1. 实现方式: 有两种实现方式: 1. 通过配置文件来实现定时的从服务器端向客户端推送信息 2. 通过API主动 ...
- java 使用 comet4j 主动向客户端推送信息 简单例子
[背景] 今天,一个前端的师弟问我怎样做实时聊天窗口,我毫不犹豫地说:在前台定时访问服务端呀!师弟默默地百度了一番,最后告诉我,有一种技术是后服务端动推送信息给客户端的,这种技术的名字叫comet,我 ...
- SpringBoot2.0集成WebSocket,实现后台向前端推送信息
感谢作者,支持原创: https://blog.csdn.net/moshowgame/article/details/80275084 什么是WebSocket? WebSocket协议是基于TCP ...
- 使用 SignalR与SSE(Sever sent event)向客户端推送提示信息
最近有个项目想把c/s的代码转成mvc的,这听起来并不困难. 如果UI和业务逻辑良好分离了的话,不会花太多的功夫,应该多数的内容都能重复利用. 但在实际的操作过程中,发现业务逻辑代码和UI提示全是混在 ...
- Android高效率编码-第三方SDK详解系列(三)——JPush推送牵扯出来的江湖恩怨,XMPP实现推送,自定义客户端推送
Android高效率编码-第三方SDK详解系列(三)--JPush推送牵扯出来的江湖恩怨,XMPP实现推送,自定义客户端推送 很久没有更新第三方SDK这个系列了,所以更新一下这几天工作中使用到的推送, ...
- java集成jpush实现客户端推送
代码地址如下:http://www.demodashi.com/demo/13700.html 前言 java 集成jpush 实现客户端推送 一.准备工作 开发环境: jdk1.6 Eclipse ...
- atitit.极光消息推送服务器端开发实现推送 jpush v3. 总结o7p
atitit.极光消息推送服务器端开发实现推送 jpush v3. 总结o7p 1. 推送所设计到底功能1 1.1. 内容压缩1 1.2. 多引擎1 2. reg ,设置appkey and pw ...
- 服务端向客户端推送消息技术之websocket的介绍
websocket的介绍 在讲解WebSocket前,我们先来看看下面这种场景,在HTTP协议下,怎么实现. 需求: 在网站中,要实现简单的聊天,这种情况怎么实现呢?如下图: 当发送私信的时候,如果要 ...
- HTML5 WebSocket 实时推送信息测试demo
测试一下HTML5的websocket功能,实现了客户端→服务器实时推送信息到客户端,包括推送图片: websocket实现MessageInbound类 onTextMessage()/onBina ...
随机推荐
- linux 内核协议栈收报流程(一)ixgbe网卡驱动
首先模块加载insmod ixgbe.ko module_init(ixgbe_init_module); module_init(ixgbe_init_module); { int ret; pr_ ...
- java操作oracle的blob,clob数据
一.区别和定义 LONG: 可变长的字符串数据,最长2G,LONG具有VARCHAR2列的特性,可以存储长文本一个表中最多一个LONG列 LONG RAW: 可变长二进制数据,最长2G CLOB: ...
- oracle中的exists 和in
有两个简单例子,以说明 “exists”和“in”的效率问题 1) select * from T1 where exists(select 1 from T2 where T1.a=T2.a) ; ...
- if __name__ == '__main__'在python中的应用
当你打开一个.py文件时,经常会在代码的最下面看到if __name__ == '__main__':,现在就来介 绍一下它的作用. 模块是对象,并且所有的模块都有一个内置属性 __name__.一个 ...
- windows程序设计学习笔记(一)
windows里的变量类型 1.简单重定义windows变量 BOOL (TRUE FALSE) INT UINT(32位,4字节) LONG DWORD(32位,4字节) lParam,wParam ...
- Lucene中的 Query对象
"Lucene中的 Query对象": 检 索前,需要对检索字符串进行分析,这是由queryparser来完成的.为了保证查询的正确性,最好用创建索引文件时同样的分析器. quer ...
- poj 3020 Antenna Placement (最小路径覆盖)
二分图题目 当时看到网上有人的博客写着最小边覆盖,也有人写最小路径覆盖,我就有点方了,斌哥(kuangbin)的博客上只给了代码,没有解释,但是现在我还是明白了,这是个最小路径覆盖(因为我现在还不知道 ...
- linux下的vim使用笔记
环境:window下可以使用gvim编辑软件 学习主要是在ubuntu15敲击命令学习的视频来自于智普教育vim使用视频1. sudo apt show vi 查看安装的vi版本,当然了我的ubunt ...
- ViewPager+Fragment,Fragment会预加载的问题
http://www.bubuko.com/infodetail-535920.html 在Fragmetn里,onCreateView去加载布局,真正的加载数据通过这个方法setUserVisibl ...
- $.ajax和$.post的区别(前者根据key-value/后者根据形参)
post不需要给key-value形式: $("#btn").click(function(){ var url=basePath+"/emp/login"; ...