Pushlet技术的学习之一

最新推荐文章于 2025-05-07 18:43:26 发布

原创最新推荐文章于 2025-05-07 18:43:26 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Pushlet

开源专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用Pushlet实现在Servlet机制下从服务器端直接向HTML页面进行实时数据推送的技术实现过程，包括配置步骤及代码示例。

1、基础概念：Pushlet是一种comet实现：在Servlet机制下，数据从server端的Java对象直接推送（push）到（动态）HTML页面，而无需任何Java applet或者插件的帮助。

2、什么事comet请参照

http://www.ibm.com/developerworks/cn/web/wa-lo-comet/

3、不多说了直接贴一个最简单的例子，

1）将pushlet.jar包导入自己的项目；

2）将pushlet.properties、sources.properties导入到src目录下

3）修改web.xml文件如下（url-pattern暂时设置为/pushlet.srv）

<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)编写一个java类如下

import java.io.UnsupportedEncodingException;

import nl.justobjects.pushlet.core.Event;
import nl.justobjects.pushlet.core.EventPullSource;

public class HelloWorldPlushlet implements Serializable {
	private static final long serialVersionUID = 1L;

	static public class HelloWorldEvent extends EventPullSource {
		@Override
		protected long getSleepTime() {
			return 1000; // 刷新时间
		}

		@Override
		protected Event pullEvent() {
			Event event = Event.createDataEvent("/source/event");// 事件标识
			String s = "你好";
			s = toISO88591(s);
			event.setField("msg", s);// 封装参数
			return null;
		}
	}

	public static String toISO88591(String str) {
		try {
			str = new String(str.getBytes("UTF-8"), "ISO-8859-1");
		} catch (UnsupportedEncodingException ex) {
			ex.printStackTrace();
		}
		return str;
	}

}

上面有一个中文的处理方法，toISO88591（）不然不支持中文。

还有就是注意Event event = Event.createDataEvent("/source/event");// 事件标识

5)编写jsp文件如下<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>index.html</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="js/ajax-pushlet-client.js"></script>
		<script type="text/javascript"> 
       		PL._init(); 
       		PL.joinListen('/source/event');//事件标识 在数据源中引用 
       		function onData(event) { 
           		alert(event.get("msg")); 
       		} 
    	</script>
	</head>
	<body>
	test
	</body>
</html>

PL.joinListen('/source/event');//事件标识在数据源中引用，注意跟上面的红色部分保持一致。

6）下面说一下web.xml中<url-pattern>的配置问题,查看ajax-pushlet-client.js源码会发现有下面这段代码_getWebRoot: function() {

		/** Return directory of this relative to document URL. */
		if (PL.webRoot != null) {
			return PL.webRoot;
		}
		//derive the baseDir value by looking for the script tag that loaded this file
		var head = document.getElementsByTagName('head')[0];
		var nodes = head.childNodes;
		for (var i = 0; i < nodes.length; ++i) {
			var src = nodes.item(i).src;
			if (src) {
				var index = src.indexOf("lib/ajax-pushlet-client.js");
				if (index >= 0) {
					PL.webRoot = src.substring(0, index);
					break;
				}
			}
		}
		return PL.webRoot;
	},

注意var index = src.indexOf("lib/ajax-pushlet-client.js");这句话这个方法就是取webRoot跟路径的，所以<url-pattern>的设置跟这里有关系，还有就是跟你使用ajax-pushlet-client.js的jsp页面有关系，我上面的jsp页面中src="js/ajax-pushlet-client.js"是这样导入js包的，所以我把ajax-pushlet-client.js中的代码改为var index = src.indexOf("js/ajax-pushlet-client.js");取根路径了，大家可以测试一下就明白了。

7）最后启动程序，大家就可以看到每一秒弹出一个“你好”窗口了。