pushlet实现服务端推送消息到浏览器

1.添加服务器推送功能

pushlet下载地址http://www.pushlets.com/,添加jar包pushlet.jar到项目的库中,需要用到的js文件ajax-pushlet-client.js,拷贝下载的压缩包中的文件pushlet.properties,sources.properties到项目的路径下

在web.xml中添加:

 <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>

2.服务器定义发送信息到客户端的实现:

首先定义一个事件源,该事件源负责推送消息到客户端

public class HelloWorldPushlet extends EventPullSource implements Serializable {
	private static final long serialVersionUID = -4378845831200885879L;

	/**
	 * 推送时间间隔
	 */
	protected long getSleepTime() {
		return 1000;
	}

	/**
	 * 推送时所触发的方法
	 */
	protected Event pullEvent() {
		//创建事件,并制定事件的主题
		Event event = Event.createDataEvent("/ynb/helloworld");
		String data = "hello world,microbingbing" + System.currentTimeMillis();
		try {
			data=new String(data.getBytes("UTF-8"),"ISO-8859-1");
		} catch (UnsupportedEncodingException e) {
			e.printStackTrace();
		}
		event.setField("message", data);
		return event;
	}
}
接下来我们需要注册该事件源,在sources.properties配置文件中添加

source7=com.ynb.servlet.HelloWorldPushlet

jsp页面:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>pushlet测试页面</title>
<script type="text/javascript" src="/pushlet/js/ajax-pushlet-client.js"></script>
</head>
<body>
	<div id="target"></div>
	<script type="text/javascript">
		PL._init();
		PL.joinListen("/ynb/helloworld");//监听该主题的事件,如果发生该主题的事件,那么onData()方法会被调用
		
		function onData(event){
			document.getElementById("target").innerText = event.get("message");
		}	
	</script>
</body>
</html>


3.可控的消息推送,即由客户端控制推送消息的时间。

新建一个servlet处理消息的推送

@WebServlet("/PushletServlet")
public class PushletServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
    public PushletServlet() {
        super();
    }

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
    	Event event = Event.createDataEvent("/ynb/helloworld");
    	event.setField("message", "message from service" + System.currentTimeMillis());
    	Dispatcher.getInstance().multicast(event);//消息的推送有单播,组播,广播三种方式,对应不同的api调用
    }
}
每次调用该servlet都会触发主题为“/ynb/helloworld”的事件,如果监听了该事件的客户端就会收到推送的消息



4.在客户端触发消息的推送,而不需要自己编写servlet.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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=UTF-8">
<script type="text/javascript" src="/pushlet/js/ajax-pushlet-client.js"></script>
<title>Insert title here</title>
</head>
<body>
	<div id="target"></div>
	<input type="button" οnclick="sendnews()" value="发送"/>
	<script type="text/javascript">
		PL._init();
		PL.joinListen("/other/helloworld");
		
		function onData(event){
			document.getElementById("target").innerText = event.get("message");
		}
		//点击发送按钮的时候触发事件的推送,p_publish()函数的第一个参数为触发事件的主题,其后的第2n个和2n+1个参数为事件对象中的属性
		function sendnews(){
			p_publish("/ynb/helloworld", "message", "message from other" + new Date());
		}
	</script>
</body>
</html>


Event.setField(name, value)的时候value的值不能为null,否则接受不到信息。



  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值