1、服务器端推送技术的产生和应用场景
- 服务器端推送技术的产生
- Ajax异步无刷新从服务器端加载最新的数据展示给大家。
- Ajax应用中存在一个致命的缺陷，无法满足传统桌面系统的需求。
- 什么样的需求（当服务器端需要向客户端主动发送消息）
- 服务器端推送技术的应用场景
- 1、网页邮箱新邮件提醒
- 2、网页聊天
- 3、微信签到墙（现场版）
2、客户端得到通知的方式
web的访问机制中，天生就是用来pull数据的，只允许Browser端主动发起请求，像Server端请求数据，而Server端是被动的响应，不允许Server端向Browser端发送一个collection请求。没有为Server端向Browser端push数据提供一个设计实现。
变通方式实现：
- 定时刷新（整个页面刷新，用户体验差；频繁刷新，服务器压力大，占用带宽。）
- Ajax轮询（隔一段时间就去服务器端查询数据变化，通常使用setTimeout函数；间隔时间控制问题）
- Comet长连接（由Browser端主动发起请求，Server端以非常慢的方式给出响应，此期间，Server端可以使用同一个collection，把要更新的数据主动发送给Browser端，请求等待的时间较长。实时性较好，性能较优，长期占用长连接的资源）
- Flash XML Socket（实现基础：1、Flash必须提供XMLSocket类；2、JavaScript、Flash需要紧密的结合，JavaScript可以直接调用Flash程序提供的接口）
- Java Applet套接口（在客户端使用Java Applet通过Java.NetSocket类建立与服务器端套接口的链接，通过这样的链接来实现一个服务器的推送。需要在客户端安装Java虚拟机）
3、什么事Dwr及其运行原理
-
Dwr介绍
- 是一个基于Ajax框架
- 动态的把Java类生成为JavaScript
- 让客户端JavaScript通过Dwr访问Java程序
-
Dwr运行原理
- 读取dwr.xml生成 xxx.js（在服务器启动时，读取dwr.xml，通过里面的配置将相应的Java类生成js。）
- js触发xxx.js中的方法（客户端可以通过js来触发xxx.js的方法）
- web容器接收请求创建实例（触发之后，通过该方法来调用服务器端的某一个类的某一个方法）
- 调用方法处理返回
-
scriptSession（打开浏览器都会创建一个Session）
- 创建：每次访问创建一个scriptSession
- 获取scriptSession的两种方式
Dwr3.0：Collection<ScriptSession> session = Browser.getTargetSessions() ;
Dwr2.x：Collection pages = webContext.getScriptSessionsByPage("/xxx.jsp") ;
4、XML配置
web.xml
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<!-- <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> dwr2.x版本 -->
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class><!-- dwr3版本 -->
<!-- 初始化参数 -->
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<!-- 使用服务器推技术（反转Ajax） -->
<init-param>
<param-name>activeReverseAjaxEnabled</param-name>
<param-value>true</param-value>
</init-param>
<!-- 使能够从其他域进行请求 true:开启 false:关闭 -->
<init-param>
<param-name>crossDomainSessionSecurity</param-name>
<param-value>false</param-value>
</init-param>
<!-- 允许远程js -->
<init-param>
<param-name>allowScriptTagRemoting</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">
<dwr>
<allow>
<!-- create元素中，creater="new"表示每调用一次MyDwr时，需要new一个这样的类； -->
<create creator="new" javascript="service">
<param name="class" value="全路径类" />
</create>
</allow>
</dwr>
创建页面
<@ page language="java" pageEncoding="UTF-8">
<!DOCTYPE html>
<html>
<head>
<title>My JSP 'first_dwr.jsp' starting page</title>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/engine.js"></script>
<script type="text/javascript" src="dwr/interface/service.js"></script>
<script type="text/javascript">
function firstDwr(){
service.sayHello("Jorwen",callBackHello) ;
}
function callBackHello(data){
alert(data) ;
}
</script>
</head>
<body>
<input type="button" name="button" value="测试" onclick="firstDwr()">
</body>
</html>
创建推送方法
public class SendPushService {
// 发送消息
public void send(String msg){
System.out.println("==========调用了send方法===========") ;
ScriptBuffer scriptBuffer = new ScriptBuffer() ; // 构造js脚本
WebContext webContext = WebContextFactory.get() ;
ScriptSession myScSession = webContext.getScriptSession() ;
scriptBuffer.appendScript("dwrtest(") ;
scriptBuffer.appendScript(msg) ;
scriptBuffer.appendScript(")") ;
Util util = new Util(myScSession) ;
util.addScript(scriptBuffer) ; // 向客户端推送消息
}
}
网友评论