zoukankan      html  css  js  c++  java

  • spring+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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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.              400px  
    9.         }  
    10.   
    11.         #connect-container div {  
    12.             padding: 5px;  
    13.         }  
    14.   
    15.         #console-container {  
    16.             float: left;  
    17.             margin-left: 15px;  
    18.              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.              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在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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.              400px  
      9.         }  
      10.   
      11.         #connect-container div {  
      12.             padding: 5px;  
      13.         }  
      14.   
      15.         #console-container {  
      16.             float: left;  
      17.             margin-left: 15px;  
      18.              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.              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=" 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=" 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
  • 相关阅读:
    case1.将文件夹内文件，按文件后缀不同进行分类
    openpyxl/csv--python处理excel表格模块
    pyttsx3--文字转语音库
    网络爬虫遵守规则
    python-requests库
    js 对象遍历出现的异常
    POI解析word文件,并为特定规则的key替换值
    bootstrap-table获得页面加载数据
    Javaweb项目下载文件时设置文件名
    MySQL自定义函数
  • 原文地址：https://www.cnblogs.com/yhtboke/p/5741026.html
Copyright © 2011-2022 走看看