1.websocket客户端

websocket允许通过JavaScript建立与远程服务器的连接，从而实现客户端与服务器间双向的通信。在websocket中有两个方法：　　
　　　　1、send() 向远程服务器发送数据
　　　　2、close() 关闭该websocket链接
　　websocket同时还定义了几个监听函数　　　　
　　　　1、onopen 当网络连接建立时触发该事件
　　　　2、onerror 当网络发生错误时触发该事件
　　　　3、onclose 当websocket被关闭时触发该事件
　　　　4、onmessage 当websocket接收到服务器发来的消息的时触发的事件，也是通信中最重要的一个监听事件。msg.data
　　websocket还定义了一个readyState属性，这个属性可以返回websocket所处的状态：
　　　　1、CONNECTING(0) websocket正尝试与服务器建立连接
　　　　2、OPEN(1) websocket与服务器已经建立连接
　　　　3、CLOSING(2) websocket正在关闭与服务器的连接
　　　　4、CLOSED(3) websocket已经关闭了与服务器的连接

　　websocket的url开头是ws，如果需要ssl加密可以使用wss，当我们调用websocket的构造方法构建一个websocket对象（new WebSocket(url)）的之后，就可以进行即时通信了。

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.     <head>
  5.         <meta name="viewport" content="width=device-width" />
  6.         <title>WebSocket 客户端</title>
  7.     </head>
  8.  
  9.     <body>
  10.         <div>
  11.             <input type="button" id="btnConnection" value="连接" />
  12.             <input type="button" id="btnClose" value="关闭" />
  13.             <input type="button" id="btnSend" value="发送" />
  14.         </div>
  15.         <script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
  16.         <script type="text/javascript">
  17.             var socket;
  18.             if(typeof(WebSocket) == "undefined") {
  19.                 alert("您的浏览器不支持WebSocket");
  20.                 return;
  21.             }
  22.  
  23.             $("#btnConnection").click(function() {
  24.                 //实现化WebSocket对象，指定要连接的服务器地址与端口
  25.                 socket = new WebSocket("ws://192.168.1.2:8888");
  26.                 //打开事件
  27.                 socket.onopen = function() {
  28.                     alert("Socket 已打开");
  29.                     //socket.send("这是来自客户端的消息" + location.href + new Date());
  30.                 };
  31.                 //获得消息事件
  32.                 socket.onmessage = function(msg) {
  33.                     alert(msg.data);
  34.                 };
  35.                 //关闭事件
  36.                 socket.onclose = function() {
  37.                     alert("Socket已关闭");
  38.                 };
  39.                 //发生了错误事件
  40.                 socket.onerror = function() {
  41.                     alert("发生了错误");
  42.                 }
  43.             });
  44.  
  45.             //发送消息
  46.             $("#btnSend").click(function() {
  47.                 socket.send("这是来自客户端的消息" + location.href + new Date());
  48.             });
  49.  
  50.             //关闭
  51.             $("#btnClose").click(function() {
  52.                 socket.close();
  53.             });
  54.         </script>
  55.     </body>
  56.  
  57. </html>

2.websocket服务器端

JSR356定义了WebSocket的规范，Tomcat7中实现了该标准。JSR356 的 WebSocket 规范使用 javax.websocket.*的 API，可以将一个普通 Java 对象（POJO）使用 @ServerEndpoint 注释作为 WebSocket 服务器的端点。

  1. @ServerEndpoint("/push")
  2.  public class EchoEndpoint {
  3.  
  4.  @OnOpen
  5.  public void onOpen(Session session) throws IOException {
  6.  //以下代码省略...
  7.  }
  8.  
  9.  @OnMessage
  10.  public String onMessage(String message) {
  11.  //以下代码省略...
  12.  }
  13.  
  14.  @Message(maxMessageSize=6)
  15.  public void receiveMessage(String s) {
  16.  //以下代码省略...
  17.  } 
  18.  
  19.  @OnError
  20.  public void onError(Throwable t) {
  21.  //以下代码省略...
  22.  }
  23.  
  24.  @OnClose
  25.  public void onClose(Session session, CloseReason reason) {
  26.  //以下代码省略...
  27.  } 
  28.  
  29.  }

上面简洁代码即建立了一个WebSocket的服务端，@ServerEndpoint("/push")的annotation注释端点表示将WebSocket服务端运行在ws://[Server端IP或域名]:[Server端口]/项目/push的访问端点，客户端浏览器已经可以对WebSocket客户端API发起HTTP长连接了。
使用ServerEndpoint注释的类必须有一个公共的无参数构造函数，@onMessage注解的Java方法用于接收传入的WebSocket信息，这个信息可以是文本格式，也可以是二进制格式。
OnOpen在这个端点一个新的连接建立时被调用。参数提供了连接的另一端的更多细节。Session表明两个WebSocket端点对话连接的另一端，可以理解为类似HTTPSession的概念。
OnClose在连接被终止时调用。参数closeReason可封装更多细节，如为什么一个WebSocket连接关闭。
更高级的定制如@Message注释，MaxMessageSize属性可以被用来定义消息字节最大限制，在示例程序中，如果超过6个字节的信息被接收，就报告错误和连接关闭。

  1. package action;
  2.  
  3. import javax.websocket.CloseReason;
  4. import javax.websocket.OnClose;
  5. import javax.websocket.OnError;
  6. import javax.websocket.OnMessage;
  7. import javax.websocket.OnOpen;
  8. import javax.websocket.Session;
  9. import javax.websocket.server.PathParam;
  10. import javax.websocket.server.ServerEndpoint;
  11.  
  12. //ws://127.0.0.1:8087/Demo1/ws/张三
  13. @ServerEndpoint("/ws/{user}")
  14. public class WSServer {
  15.     private String currentUser;
  16.  
  17.     //连接打开时执行
  18.     @OnOpen
  19.     public void onOpen(@PathParam("user") String user, Session session) {
  20.         currentUser = user;
  21.         System.out.println("Connected ... " + session.getId());
  22.     }
  23.  
  24.     //收到消息时执行
  25.     @OnMessage
  26.     public String onMessage(String message, Session session) {
  27.         System.out.println(currentUser + "：" + message);
  28.         return currentUser + "：" + message;
  29.     }
  30.  
  31.     //连接关闭时执行
  32.     @OnClose
  33.     public void onClose(Session session, CloseReason closeReason) {
  34.         System.out.println(String.format("Session %s closed because of %s", session.getId(), closeReason));
  35.     }
  36.  
  37.     //连接错误时执行
  38.     @OnError
  39.     public void onError(Throwable t) {
  40.         t.printStackTrace();
  41.     }
  42. }

url中的字符张三是的路径参数，响应请求的方法将自动映射。

3.小结

Socket在应用程序间通信被广泛使用，如果需要兼容低版本的浏览器，建议使用反向ajax或长链接实现；如果纯移动端或不需考虑非现代浏览器则可以直接使用websocket。Flash实现推送消息的方法不建议使用，因为依赖插件且手机端支持不好。关于反向ajax也有一些封装好的插件如“Pushlet”。

参考：http://www.cnblogs.com/best/p/5695570.html

socket websocket的更多相关文章

  1. 网络协议中HTTP,TCP,UDP,Socket,WebSocket的优缺点/区别

    先说一下网络的层级:由下往上分为 物理层.数据链路层.网络层.传输层.会话层.表示层和应用层 1.TCP和UDP TCP:是面向连接的一种传输控制协议.属于传输层协议.TCP连接之后,客户端和服务器可 ...

  2. nodejs实现Websocket的数据接收发送

    在去年的时候,写过一篇关于websocket的博文:http://www.cnblogs.com/axes/p/3586132.html ,里面主要是借助了nodejs-websocket这个插件,后 ...

  3. 第十篇、Swift -- WebSocket

    每当小编再开发中遇到了困难,在网上搜,简直是垃圾堆里找金子.国内网站真的全不可靠,最后FQ去国外网站寻找,才可以找到.找到了写websocket文章,同时找到了集成的框架文件,一个叫Starscrea ...

  4. Jetty开发指导：Jetty Websocket API

    Jetty WebSocket API使用 Jetty提供了功能更强的WebSocket API,使用一个公共的核心API供WebSockets的服务端和client使用. 他是一个基于WebSock ...

  5. Nginx实战之反向代理WebSocket的配置实例

    http://www.jb51.net/article/112183.htm 最近在工作中遇到一个需求,需要使用 nginx 反向代理websocket,经过查找一番资料,目前已经测试通过,所以这篇文 ...

  6. 【我的前端自学之路】【HTML5】Web Socket

    以下为自学笔记内容,仅供参考. 转发请保留原文链接:https://www.cnblogs.com/it-dennis/p/10508118.html 什么是Web Socket WebSocket ...

  7. 从构建分布式秒杀系统聊聊WebSocket推送通知

    秒杀架构到后期,我们采用了消息队列的形式实现抢购逻辑,那么之前抛出过这样一个问题:消息队列异步处理完每个用户请求后,如何通知给相应用户秒杀成功? 场景映射 首先,我们举一个生活中比较常见的例子:我们去 ...

  8. WebSocket 初体验

    其实老早就觊觎 Socket 这碗美食了,在 WebSocket 发出后更是心潮澎湃... 奈何这需要后端同志的帮助,使得至今才得以品尝.(当然本文也只涉及前端部分) 以前想监听其他设备变化,大屏幕交 ...

  9. SpringBoot2.0集成WebSocket，实现后台向前端推送信息

    感谢作者,支持原创: https://blog.csdn.net/moshowgame/article/details/80275084 什么是WebSocket? WebSocket协议是基于TCP ...

随机推荐

  1. mysql的expain（zz)

    两张表,T1和T2,都只有一个字段,id int.各插入1000条记录,运行如下语句: explain SELECT t1.id,t2.id FROM t1 INNER JOIN t2 ON t1.i ...

  2. (2)创建发布Maven

    一.创建maven项目 (1)命令行 mvn archetype:generate (2)选择模板默认是7 (3)输入组织号.项目名称及版本号.包名 回车确认 创建成功 二.转成idea项目 进入跟目 ...

  3. opencv获取像素的值

    opencv中获取图像像素的方法 方法一: IplImage *img = cvLoadImage("Lena.jpg", 0); CvScalar pixel; for (int ...

  4. 单调队列练习题(oj p1157 p1158 p1159)

    p1157是很气人的...自从评测机挂了后,速度就特别慢,cin已经过不了了,然而我不知道,就各种**的提交 惨兮兮惨兮兮,这还是开了小号(通过率堪忧.jpg...)... 思路就是单调队列维护,用队 ...

  5. 训练指南 UVALive - 3989（稳定婚姻问题)

    ayout: post title: 训练指南 UVALive - 3989(稳定婚姻问题) author: "luowentaoaa" catalog: true mathjax ...

  6. c++基础学习之string

    //学习使用string类 2013-10-18 lingc #include <iostream> #include <string>//include this head ...

  7. [BZOJ2226]LCMSum

    转化一下,$\sum\limits_{i=1}^n[i,n]=n\sum\limits_{i=1}^n\dfrac i{(i,n)}$ 枚举$d=(i,n)$,上式变为$n\sum\limits_{d ...

  8. 1.1（Spring学习笔记）Spring基础（BeanFactory、ApplicationContext 、依赖注入）

    1.准备工作 下载Spring:http://repo.spring.io/libs-release-local/org/springframework/spring/    选择需要下载的版本    ...

  9. 通信编码解码 c11 实现 [ lua 专用版]

    #include <istream> #include <ostream> #include <iostream> #include <strstream&g ...

  10. css中width和height默认值

    width和height默认都是auto自动伸缩的,但不同的标签效果却不一样比如div默认是width:100%,通常不用写100%如果是table,如果div内的table没有设定100%,那就是最 ...