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

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

 

spring4.0以后加入了对websocket技术的支持,在SSM(springMVC+spring+MyBatis)框架中集成websocket技术的曲折蛋疼直至成功喜悦之路。

 

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

 

 

  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)

 

 

  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处理类

 

 

  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)接口

 

 

  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文件)

 

 

  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 客户端页面

 

    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>  

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。