基本弄清楚了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. 

  2.     <groupId>javax</groupId>
    3. 

  3.     <artifactId>javaee-api</artifactId>
    4. 

  4.     <version>7.0</version>
    5. 

  5.     <scope>provided</scope>
    6. 

  6. </dependency>

2.服务端的代码：

  1. package com.lanyoung.im.back.ly.websocket;
    2. 

    3. 

  3. import javax.websocket.OnClose;
    4. 

  4. import javax.websocket.OnMessage;
    5. 

  5. import javax.websocket.OnOpen;
    6. 

  6. import javax.websocket.Session;
    7. 

  7. import javax.websocket.server.ServerEndpoint;
    8. 

  8. import java.io.IOException;
    9. 

    10. 

  10. @ServerEndpoint("/websocket")
    11. 

  11. public class WebSocketTest {
    12. 

    13. 

  13.     @OnMessage
    14. 

  14.     public void onMessage(String message, Session session) 
    15. 

  15.         throws IOException, InterruptedException {
    16. 

    17. 

  17.         // Print the client message for testing purposes
    18. 

  18.         System.out.println("Received: " + message);
    19. 

    20. 

  20.         // Send the first message to the client
    21. 

  21.         session.getBasicRemote().sendText("This is the first server message");
    22. 

    23. 

  23.         // Send 3 messages to the client every 5 seconds
    24. 

  24.         int sentMessages = 0;
    25. 

  25.         while(sentMessages < 3){
    26. 

  26.             Thread.sleep(5000);
    27. 

  27.             session.getBasicRemote().
    28. 

  28.                 sendText("This is an intermediate server message. Count: " 
    29. 

  29.                     + sentMessages);
    30. 

  30.             sentMessages++;
    31. 

  31.         }
    32. 

    33. 

  33.         // Send a final message to the client
    34. 

  34.         session.getBasicRemote().sendText("This is the last server message");
    35. 

  35.     }
    36. 

    37. 

  37.     @OnOpen
    38. 

  38.     public void onOpen () {
    39. 

  39.         System.out.println("Client connected");
    40. 

  40.     }
    41. 

    42. 

  42.     @OnClose
    43. 

  43.     public void onClose () {
    44. 

  44.         System.out.println("Connection closed");
    45. 

  45.     }
    46. 

  46. }

3.客户端代码

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <title>Testing websockets</title>
    5. 

  5. </head>
    6. 

  6. <body>
    7. 

  7.     <div>
    8. 

  8.         <input type="submit" value="Start" onclick="start()" />
    9. 

  9.     </div>
    10. 

  10.     <div id="messages"></div>
    11. 

  11.     <script type="text/javascript">
    12. 

  12.         var webSocket = 
    13. 

  13.             new WebSocket('ws://localhost:8080/websocket');
    14. 

    15. 

  15.         webSocket.onerror = function(event) {
    16. 

  16.             onError(event)
    17. 

  17.         };
    18. 

    19. 

  19.         webSocket.onopen = function(event) {
    20. 

  20.             onOpen(event)
    21. 

  21.         };
    22. 

    23. 

  23.         webSocket.onmessage = function(event) {
    24. 

  24.             onMessage(event)
    25. 

  25.         };
    26. 

    27. 

  27.         function onMessage(event) {
    28. 

  28.             document.getElementById('messages').innerHTML 
    29. 

  29.                 += '<br />' + event.data;
    30. 

  30.         }
    31. 

    32. 

  32.         function onOpen(event) {
    33. 

  33.             document.getElementById('messages').innerHTML 
    34. 

  34.                 = 'Connection established';
    35. 

  35.         }
    36. 

    37. 

  37.         function onError(event) {
    38. 

  38.             alert(event.data);
    39. 

  39.         }
    40. 

    41. 

  41.         function start() {
    42. 

  42.             webSocket.send('hello');
    43. 

  43.             return false;
    44. 

  44.         }
    45. 

  45.     </script>
    46. 

  46. </body>
    47. 

  47. </html>

WebSocket实践的更多相关文章

  1. 实时Web与WebSocket实践

    引言:实时Web越来越被重视,Google.Facebook等大公司也逐渐开始提供实时性服务.实时Web将是未来最热门的话题之一.  本文选自<基于MVC的JavaScript Web富应用开发 ...

  2. WebSocket实践——Java实现WebSocket的两种方式

    什么是 WebSocket? 随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了.近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通信 ...

  3. WebSocket学习与使用

    1.WebSocket是什么 WebSocket是一种在单个TCP连接上进行全双工通信的协议,其目的是在浏览器和服务器之间建立一个不受限的双向通信的通道,使得服务器可以主动发送消息给浏览器.在HTML ...

  4. SpringBoot | 第十九章：web应用开发之WebSocket

    前言 web开发也讲解了三章了,这章节开始讲解关于与前端通信相关知识.实现一个在线聊天室类似的功能或者后端推送消息到前端,在没有WebSocket时,读大学那伙还有接触过DWR(Direct Web ...

  5. php+websocket搭建简易聊天室实践

    1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...

  6. WebSocket原理与实践(四)--生成数据帧

    WebSocket原理与实践(四)--生成数据帧 从服务器发往客户端的数据也是同样的数据帧,但是从服务器发送到客户端的数据帧不需要掩码的.我们自己需要去生成数据帧,解析数据帧的时候我们需要分片. 消息 ...

  7. WebSocket原理与实践(三)--解析数据帧

    WebSocket原理与实践(三)--解析数据帧 1-1 理解数据帧的含义:   在WebSocket协议中,数据是通过帧序列来传输的.为了数据安全原因,客户端必须掩码(mask)它发送到服务器的所有 ...

  8. WebSocket原理与实践(二)---WebSocket协议

    WebSocket原理与实践(二)---WebSocket协议 WebSocket协议是为了解决web即时应用中服务器与客户端浏览器全双工通信问题而设计的.协议定义ws和wss协议,分别为普通请求和基 ...

  9. WebSocket原理与实践(一)---基本原理

    WebSocket原理与实践(一)---基本原理 一:为什么要使用WebSocket?1. 了解现有的HTTP的架构模式:Http是客户端/服务器模式中请求-响应所用的协议,在这种模式中,客户端(一般 ...

随机推荐

  1. Neo4j使用简单例子

    Neo4j Versions Most of the examples on this page are written with Neo4j 2.0 in mind, so they skip th ...

  2. HTML5的特殊标签与IE浏览器的兼容

    注释标签 ruby: 行级元素 横排显示 试图写多个汉字和注释,需要多个ruby. 直接上代码: - css样式: 页面效果: 重点标记 mark: 以灰常黄的黄色来重点标记 页面代码: 类似于进度条 ...

  3. TCP/IP协议,，OSI的七层参考模型，HTTP请求响应机制

    一.TCP/IP协议 TCP/IP是Transmission Control Protocol/Internet Protocol的简写,中译名为传输控制协议/因特网互联协议,又名网络通讯协议,是In ...

  4. PHP算法之回文数

    判断一个整数是否是回文数.回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数. 示例 1: 输入: 121输出: true示例 2: 输入: -121输出: false解释: 从左向右读, ...

  5. Windows ipconfig

    用法:    ipconfig [/allcompartments] [/? | /all |                                 /renew [adapter] | / ...

  6. Makefile 从入门到放弃

    //如有侵权 请联系我进行删除 email:YZFHKM@163.com { 什么是makefile?或许很多Winodws的程序员都不知道这个东西,因为那些Windows的IDE都为你做了这个工作, ...

  7. CSS3——动画

    动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果. 语法格式:  animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反 ...

  8. thinkphp switch标签

    用法: <switch name="变量" > <case value="值1" break="0或1">输出内容1 ...

  9. web移动端rem的适配

    ** 需求: 随着移动端设备的变化,内容也跟着变化.**先来说说rem单位,以rem为单位,其大小是根据根元素(html标签)的字体大小来判断的,      如 html的font-size:100p ...

  10. 框架：Flutter（移动应用程序开发框架）

    ylbtech-框架:Flutter(移动应用程序开发框架) Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作. ...