spring+websocket整合(springMVC+spring+MyBatis即SSM框架和websocket技术的整合)

java-websocket的搭建非常之容易,没用框架的童鞋可以在这里下载撸主亲自调教好的java-websocket程序:

Apach Tomcat 8.0.3+MyEclipse+maven+JDK1.7

http://download.csdn.net/detail/up19910522/7719087


spring4.0以后加入了对websocket技术的支持,撸主目前的项目用的是SSM(springMVC+spring+MyBatis)框

架,所以肯定要首选spring自带的websocket了,好,现在问题来了,撸主在网上各种狂搜猛找,拼凑了几个自称

spring websocket的东东,下来一看,废物,其中包括从github上down下来的。举个例子,在搭建过程中有个问题,

撸主上谷歌搜索,总共搜出来三页结果共30条左右,前15条是纯英文的  后15条是韩语和日语,而这30条结果都不能

解决撸主的问题,无奈,只好上官网看全英帮助,在撸主惊人的毅力和不懈奋斗下,纠结了两天的spring+websocket

整合今天算是彻底搭建成功,摸索透彻了。

websocket是目前唯一真正实现全双工通信的服务器向客户端推的互联网技术,与长连接和轮询技术相比,

websocket的优越性不言自明,长连接的连接资源(线程资源)随着连接数量的增多,必会耗尽,客户端轮询会给服

务器造成很大的压力,而websocket是在物理层非网络层建立一条客户端至服务器的长连接,以此来保证服务器向客

户端的即时推送,既不耗费线程资源,又不会不断向服务器轮询请求。

下面言归正传,讲一讲撸主在SSM(springMVC+spring+MyBatis)框架中集成websocket技术的曲折蛋疼直至成功喜悦之路。

  • 1 在maven的pom.xml中加入websocket所依赖的jar包,什么,你不知道maven,快去度之或者查看撸主关于maven的博文恶补一下,spring-websocket所依赖的jar包有以下几个:

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <dependency>  
  2.     <groupId>javax.servlet</groupId>  
  3.     <artifactId>javax.servlet-api</artifactId>  
  4.     <version>3.1.0</version>  
  5. </dependency>  
  6. <dependency>  
  7.     <groupId>com.fasterxml.jackson.core</groupId>  
  8.     <artifactId>jackson-core</artifactId>  
  9.     <version>2.3.0</version>  
  10. </dependency>  
  11. <dependency>  
  12.     <groupId>com.fasterxml.jackson.core</groupId>  
  13.     <artifactId>jackson-databind</artifactId>  
  14.     <version>2.3.0</version>  
  15. </dependency>  
  16. <dependency>  
  17.    <groupId>org.springframework</groupId>  
  18.    <artifactId>spring-websocket</artifactId>  
  19.    <version>4.0.1.RELEASE</version>  
  20. </dependency>  
  21. <dependency>  
  22.    <groupId>org.springframework</groupId>  
  23.    <artifactId>spring-messaging</artifactId>  
  24.    <version>4.0.1.RELEASE</version>  
  25. </dependency>  

  • 2 更新web.xml中namespace.xsd的版本,

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <beans xmlns="http://www.springframework.org/schema/beans"  
  2.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  3.        xmlns:websocket="http://www.springframework.org/schema/websocket"  
  4.        xsi:schemaLocation="  
  5.         http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd  
  6.         http://www.springframework.org/schema/websocket http://www.springframework.org/schema/websocket/spring-websocket.xsd">  

  • 3 更新spring框架的jar包至4.0以上(spring-core, spring-context, spring-web and spring-webmvc)

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <dependency>  
  2. <span style="white-space:pre">    </span><groupId>org.springframework</groupId>  
  3.     <artifactId>spring-core</artifactId>  
  4.     <version>${spring.version}</version>  
  5. </dependency>  
  6. <dependency>  
  7.     <groupId>org.springframework</groupId>  
  8.     <artifactId>spring-web</artifactId>  
  9.     <version>${spring.version}</version>  
  10. </dependency>  
  11. <dependency>  
  12.     <groupId>org.springframework</groupId>  
  13.     <artifactId>spring-webmvc</artifactId>  
  14.     <version>${spring.version}</version>  
  15. </dependency>  
  16. <dependency>  
  17.     <groupId>org.springframework</groupId>  
  18.     <artifactId>spring-context-support</artifactId>  
  19.     <version>${spring.version}</version>  
  20. </dependency>  

  • 4  4.1创建websocket处理类

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. package com.up.websocket.handler;  
  2.   
  3. import org.springframework.web.socket.TextMessage;  
  4. import org.springframework.web.socket.WebSocketSession;  
  5. import org.springframework.web.socket.handler.TextWebSocketHandler;  
  6.   
  7. public class WebsocketEndPoint extends TextWebSocketHandler {  
  8.   
  9.     @Override  
  10.     protected void handleTextMessage(WebSocketSession session,  
  11.             TextMessage message) throws Exception {  
  12.         super.handleTextMessage(session, message);  
  13.         TextMessage returnMessage = new TextMessage(message.getPayload()+" received at server");  
  14.         session.sendMessage(returnMessage);  
  15.     }  
  16. }  

  • 4.2创建握手(handshake)接口

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. package com.up.websocket;  
  2.   
  3. import java.util.Map;  
  4.   
  5. import org.springframework.http.server.ServerHttpRequest;  
  6. import org.springframework.http.server.ServerHttpResponse;  
  7. import org.springframework.web.socket.WebSocketHandler;  
  8. import org.springframework.web.socket.server.support.HttpSessionHandshakeInterceptor;  
  9.   
  10. public class HandshakeInterceptor extends HttpSessionHandshakeInterceptor{  
  11.   
  12.     @Override  
  13.     public boolean beforeHandshake(ServerHttpRequest request,  
  14.             ServerHttpResponse response, WebSocketHandler wsHandler,  
  15.             Map<String, Object> attributes) throws Exception {  
  16.         System.out.println("Before Handshake");  
  17.         return super.beforeHandshake(request, response, wsHandler, attributes);  
  18.     }  
  19.   
  20.     @Override  
  21.     public void afterHandshake(ServerHttpRequest request,  
  22.             ServerHttpResponse response, WebSocketHandler wsHandler,  
  23.             Exception ex) {  
  24.         System.out.println("After Handshake");  
  25.         super.afterHandshake(request, response, wsHandler, ex);  
  26.     }  
  27.   
  28. }  

  • 5 处理类和握手协议的spring配置(applicationContext.xml文件)

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <bean id="websocket" class="com.up.websocket.handler.WebsocketEndPoint"/>  
  2.   
  3. <websocket:handlers>  
  4.     <websocket:mapping path="/websocket" handler="websocket"/>  
  5.     <websocket:handshake-interceptors>  
  6.     <bean class="com.up.websocket.HandshakeInterceptor"/>  
  7.     </websocket:handshake-interceptors>  
  8. </websocket:handlers>  


  • 6 客户端页面

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>WebSocket/SockJS Echo Sample (Adapted from Tomcat's echo sample)</title>  
  5.     <style type="text/css">  
  6.         #connect-container {  
  7.             float: left;  
  8.             width: 400px  
  9.         }  
  10.   
  11.         #connect-container div {  
  12.             padding: 5px;  
  13.         }  
  14.   
  15.         #console-container {  
  16.             float: left;  
  17.             margin-left: 15px;  
  18.             width: 400px;  
  19.         }  
  20.   
  21.         #console {  
  22.             border: 1px solid #CCCCCC;  
  23.             border-right-color: #999999;  
  24.             border-bottom-color: #999999;  
  25.             height: 170px;  
  26.             overflow-y: scroll;  
  27.             padding: 5px;  
  28.             width: 100%;  
  29.         }  
  30.   
  31.         #console p {  
  32.             padding: 0;  
  33.             margin: 0;  
  34.         }  
  35.     </style>  
  36.   
  37.     <script src="http://cdn.sockjs.org/sockjs-0.3.min.js"></script>  
  38.   
  39.     <script type="text/javascript">  
  40.         var ws = null;  
  41.         var url = null;  
  42.         var transports = [];  
  43.   
  44.         function setConnected(connected) {  
  45.             document.getElementById('connect').disabled = connected;  
  46.             document.getElementById('disconnect').disabled = !connected;  
  47.             document.getElementById('echo').disabled = !connected;  
  48.         }  
  49.   
  50.         function connect() {  
  51.             alert("url:"+url);  
  52.             if (!url) {  
  53.                 alert('Select whether to use W3C WebSocket or SockJS');  
  54.                 return;  
  55.             }  
  56.   
  57.             ws = (url.indexOf('sockjs') != -1) ?   
  58.                 new SockJS(url, undefined, {protocols_whitelist: transports}) : new WebSocket(url);  
  59.   
  60.             ws.onopen = function () {  
  61.                 setConnected(true);  
  62.                 log('Info: connection opened.');  
  63.             };  
  64.             ws.onmessage = function (event) {  
  65.                 log('Received: ' + event.data);  
  66.             };  
  67.             ws.onclose = function (event) {  
  68.                 setConnected(false);  
  69.                 log('Info: connection closed.');  
  70.                 log(event);  
  71.             };  
  72.         }  
  73.   
  74.         function disconnect() {  
  75.             if (ws != null) {  
  76.                 ws.close();  
  77.                 ws = null;  
  78.             }  
  79.             setConnected(false);  
  80.         }  
  81.   
  82.         function echo() {  
  83.             if (ws != null) {  
  84.                 var message = document.getElementById('message').value;  
  85.                 log('Sent: ' + message);  
  86.                 ws.send(message);  
  87.             } else {  
  88.                 alert('connection not established, please connect.');  
  89.             }  
  90.         }  
  91.   
  92.         function updateUrl(urlPath) {  
  93.             if (urlPath.indexOf('sockjs') != -1) {  
  94.                 url = urlPath;  
  95.                 document.getElementById('sockJsTransportSelect').style.visibility = 'visible';  
  96.             }  
  97.             else {  
  98.               if (window.location.protocol == 'http:') {  
  99.                   url = 'ws://' + window.location.host + urlPath;  
  100.               } else {  
  101.                   url = 'wss://' + window.location.host + urlPath;  
  102.               }  
  103.               document.getElementById('sockJsTransportSelect').style.visibility = 'hidden';  
  104.             }  
  105.         }  
  106.   
  107.         function updateTransport(transport) {  
  108.             alert(transport);  
  109.           transports = (transport == 'all') ?  [] : [transport];  
  110.         }  
  111.           
  112.         function log(message) {  
  113.             var console = document.getElementById('console');  
  114.             var p = document.createElement('p');  
  115.             p.style.wordWrap = 'break-word';  
  116.             p.appendChild(document.createTextNode(message));  
  117.             console.appendChild(p);  
  118.             while (console.childNodes.length > 25) {  
  119.                 console.removeChild(console.firstChild);  
  120.             }  
  121.             console.scrollTop = console.scrollHeight;  
  122.         }  
  123.     </script>  
  124. </head>  
  125. <body>  
  126. <noscript><h2 style="color: #ff0000">Seems your browser doesn't support Javascript! Websockets   
  127.     rely on Javascript being enabled. Please enable  
  128.     Javascript and reload this page!</h2></noscript>  
  129. <div>  
  130.     <div id="connect-container">  
  131.         <input id="radio1" type="radio" name="group1" onclick="updateUrl(''/spring-websocket-uptest/websocket');">  
  132.             <label for="radio1">W3C WebSocket</label>  
  133.         <br>  
  134.         <input id="radio2" type="radio" name="group1" onclick="updateUrl('/spring-websocket-uptest/websocket');">  
  135.             <label for="radio2">SockJS</label>  
  136.         <div id="sockJsTransportSelect" style="visibility:hidden;">  
  137.             <span>SockJS transport:</span>  
  138.             <select onchange="updateTransport(this.value)">  
  139.               <option value="all">all</option>  
  140.               <option value="websocket">websocket</option>  
  141.               <option value="xhr-polling">xhr-polling</option>  
  142.               <option value="jsonp-polling">jsonp-polling</option>  
  143.               <option value="xhr-streaming">xhr-streaming</option>  
  144.               <option value="iframe-eventsource">iframe-eventsource</option>  
  145.               <option value="iframe-htmlfile">iframe-htmlfile</option>  
  146.             </select>  
  147.         </div>  
  148.         <div>  
  149.             <button id="connect" onclick="connect();">Connect</button>  
  150.             <button id="disconnect" disabled="disabled" onclick="disconnect();">Disconnect</button>  
  151.         </div>  
  152.         <div>  
  153.             <textarea id="message" style="width: 350px">Here is a message!</textarea>  
  154.         </div>  
  155.         <div>  
  156.             <button id="echo" onclick="echo();" disabled="disabled">Echo message</button>  
  157.         </div>  
  158.     </div>  
  159.     <div id="console-container">  
  160.         <div id="console"></div>  
  161.     </div>  
  162. </div>  
  163. </body>  
  164. </html>  


  • 7  按照以上步骤搭建,根据个人开发环境不同,可能会出现各种问题,下面将在整个搭建过程中遇到的问题总结一下,详见博文:http://blog.csdn.net/gisredevelopment/article/details/38397569
评论 29
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值