WebSocket实践

基本弄清楚了WebSocket的来龙去脉后，开始了实现WebSocket技术的探索。

看过一篇文章，测试了八种WebSocket框架性能，得以了解到实现WebSocket技术的框架有：
Netty、Undertow、Jetty、Vert.x、Grizzly、spray-websocket、node.js-websocket/Node.js、Golang
补充下：
作为老牌的servle容器，tomcat实际也可以实现WebSocket技术。

下面说一下我遇到的一个标准：JSR356标准：
JSR 356，对于WebSocket的的Java API
这标志着所有兼容JAVA EE 7的应用程序都必须实现这个API。
java开发人员不需要关注websocket具体的实现，而只要关注逻辑就可以了。
具体带来的好处是，比如java EE容器，必须实现这个标准，使我们的编码可以统一规范（之前是如果你使用jetty，那么使用jetty的jar包实现websocket是一套API，如果你使用tomcat，那么使用tomcatjar包实现websocket是一套API，而现在统一的使用一套就可以了）。
但是jetty是在9.1版本之后才实现的（起初我的demo项目怎么也访问不到服务端的websocket，是jetty版本过低。），tomcat是在7之后实现的。

下面是具体实现的代码
1.首先需要引用jar包
scope为provided，为了防止容器本身的websocket音响。

  1. <dependency>
  2.     <groupId>javax</groupId>
  3.     <artifactId>javaee-api</artifactId>
  4.     <version>7.0</version>
  5.     <scope>provided</scope>
  6. </dependency>

2.服务端的代码：

  1. package com.lanyoung.im.back.ly.websocket;
  3. import javax.websocket.OnClose;
  4. import javax.websocket.OnMessage;
  5. import javax.websocket.OnOpen;
  6. import javax.websocket.Session;
  7. import javax.websocket.server.ServerEndpoint;
  8. import java.io.IOException;
  10. @ServerEndpoint("/websocket")
  11. public class WebSocketTest {
  13.     @OnMessage
  14.     public void onMessage(String message, Session session) 
  15.         throws IOException, InterruptedException {
  17.         // Print the client message for testing purposes
  18.         System.out.println("Received: " + message);
  20.         // Send the first message to the client
  21.         session.getBasicRemote().sendText("This is the first server message");
  23.         // Send 3 messages to the client every 5 seconds
  24.         int sentMessages = 0;
  25.         while(sentMessages < 3){
  26.             Thread.sleep(5000);
  27.             session.getBasicRemote().
  28.                 sendText("This is an intermediate server message. Count: " 
  29.                     + sentMessages);
  30.             sentMessages++;
  31.         }
  33.         // Send a final message to the client
  34.         session.getBasicRemote().sendText("This is the last server message");
  35.     }
  37.     @OnOpen
  38.     public void onOpen () {
  39.         System.out.println("Client connected");
  40.     }
  42.     @OnClose
  43.     public void onClose () {
  44.         System.out.println("Connection closed");
  45.     }
  46. }

3.客户端代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Testing websockets</title>
  5. </head>
  6. <body>
  7.     <div>
  8.         <input type="submit" value="Start" onclick="start()" />
  9.     </div>
  10.     <div id="messages"></div>
  11.     <script type="text/javascript">
  12.         var webSocket = 
  13.             new WebSocket('ws://localhost:8080/websocket');
  15.         webSocket.onerror = function(event) {
  16.             onError(event)
  17.         };
  19.         webSocket.onopen = function(event) {
  20.             onOpen(event)
  21.         };
  23.         webSocket.onmessage = function(event) {
  24.             onMessage(event)
  25.         };
  27.         function onMessage(event) {
  28.             document.getElementById('messages').innerHTML 
  29.                 += '<br />' + event.data;
  30.         }
  32.         function onOpen(event) {
  33.             document.getElementById('messages').innerHTML 
  34.                 = 'Connection established';
  35.         }
  37.         function onError(event) {
  38.             alert(event.data);
  39.         }
  41.         function start() {
  42.             webSocket.send('hello');
  43.             return false;
  44.         }
  45.     </script>
  46. </body>
  47. </html>




posted @ 2016-10-21 08:53  资深教授  阅读(361)  评论(0)    收藏  举报