本文介绍了如何使用Tomcat、ActiveMQ和Java构建Web应用程序，实现在Web客户端和服务端之间的消息交互。通过在web.xml中配置ActiveMQ库作为响应Servlet，结合amq.js进行Ajax请求和响应处理，实现消息的发送和接收。示例展示了基于Ajax的聊天室应用，通过轮询方式接收服务器推送的消息。
ActiveMQ-Web应用
2015年7月30日
1 目标：处理web请求消息，实现web客户端和服务端交互。
2 原理：使用servlet容器，使用ActiveMQ库将web请求转发到ActiveMQ服务器，并接收ActiveMQ的消息作为Web响应。自定义处理程序处理ActiveMQ的消息，实现对消息的控制。
3 方法：Tomcat（servlet容器）+ActiveMQ（消息服务器）+Java（消息处理程序）
参考：http://blog.sina.com.cn/s/blog_5a010cd10101djgl.html
http://jackyin5918.iteye.com/blog/2007422
http://blog.youkuaiyun.com/neareast/article/details/7588527
http://activemq.apache.org/ajax.html
3.1 建立Web网站：Tomcat，处理web请求与响应。
3.1.1添加ActiveMQ库：将下列库复制到web-inf\lib目录下。
3.2 Web消息与ActiveMQ消息映射：web.xml配置。
3.2.1web.xml设置ActiveMQ库作为响应Servlet，用于消息收发及消息与响应、请求的转换。
<servlet>
<servlet-name>AjaxServlet</servlet-name>
<servlet-class>org.apache.activemq.web.AjaxServlet</servlet-class>
<async-supported>true</async-supported>
</servlet>
<servlet-mapping>
<servlet-name>AjaxServlet</servlet-name>
<url-pattern>/amq/*</url-pattern>
</servlet-mapping>
3.2.2设置消息服务的url地址：context-param
参考：http://blog.youkuaiyun.com/liaoxiaohua1981/article/details/6759206
<context-param>
<param-name>org.apache.activemq.brokerURL</param-name>
<param-value>tcp://localhost:61616</param-value>
</context-param>
<welcome-file-list>
3.2.3示例
<?xmlversion="1.0" encoding="UTF-8"?>
<web-appxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"id="WebApp_ID" version="3.0">
<display-name>ajaxmq</display-name>
<servlet>
<servlet-name>AjaxServlet</servlet-name>
<servlet-class>org.apache.activemq.web.AjaxServlet</servlet-class>
<async-supported>true</async-supported>
</servlet>
<servlet-mapping>
<servlet-name>AjaxServlet</servlet-name>
<url-pattern>/amq/*</url-pattern>
</servlet-mapping>
<context-param>
<param-name>org.apache.activemq.brokerURL</param-name>
<param-value>tcp://localhost:61616</param-value>
</context-param>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
</web-app>
3.3 客户端页面ActiveMQ请求：amq.js,客户端消息操作。
以Ajax的方式进行前后台交互，接收消息使用Ajax轮询来实现服务器push。
3.3.1添加amq.js及相关库：
<scripttype="text/javascript"src="js/jquery-1.4.2.min.js"></script>
<scripttype="text/javascript"src="js/amq_jquery_adapter.js"></script>
<scripttype="text/javascript" src="js/amq.js"></script>
3.3.2构造amq对象：org.activemq.Amq。需要指定uri为amq。
var amq = org.activemq.Amq;
amq.init({
uri: 'amq',
logging: true,
timeout: 20
});
3.3.3发送消息：amq.sendMessage(Destination,message,type)。
目标消息队列：Destination，使用url格式。
消息：Message，使用XML格式。
示例：
amq.sendMessage("topic://FirstTopic","<message>"+ms+"</message>","amq-msg-type=>'text'");
3.3.4接收消息：amq.addListener(cliendId,Destination,callbackFun,selector)。
目标消息队列：Destination，使用url格式。
处理函数：callbackFunction，接受一个消息参数。
选择器：selector，过滤消息。
示例：
//receive message
functionreceiverMsg(message){
console.debug("receive="+message);
document.getElementById("msg").innerHTML +="receive="+message.textContent + "<br>";
}
amq.addListener("smeguangdong","topic://FirstTopic",receiverMsg);
3.3.5示例
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Insert titlehere</title>
<script type="text/javascript"src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/amq_jquery_adapter.js"></script>
<script type="text/javascript"src="js/amq.js"></script>
</head>
<body>
leon's chating room:
<hr>
<divstyle="height:400px;width:600px;border:block;overflow:auto"id="msg">
</div>
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
