码迷，mamicode.com
首页 > 编程语言 > 详细

spring+websocket整合

时间：2016-08-05 15:17:45      阅读：333      评论：0      收藏：0      [点我收藏+]

标签：

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 plaincopy技术分享技术分享
 
 
  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 plaincopy技术分享技术分享
 
 
  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 plaincopy技术分享技术分享
 
 
  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 plaincopy技术分享技术分享
 
 
  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 plaincopy技术分享技术分享
 
 
  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 plaincopy技术分享技术分享
 
 
  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 plaincopy技术分享技术分享
 
 
  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 i

    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 plaincopy技术分享技术分享
     
     
    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 plaincopy技术分享技术分享
     
     
    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 plaincopy技术分享技术分享
     
     
    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 plaincopy技术分享技术分享
     
     
    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 plaincopy技术分享技术分享
     
     
    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 plaincopy技术分享技术分享
     
     
    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 plaincopy技术分享技术分享
     
     
    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
    d="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

spring+websocket整合

标签：

原文地址：http://www.cnblogs.com/yhtboke/p/5741026.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！