1. 运行环境：jdk8 tomcat8   无须其他jar包。
  2.  
  3. package com.reach.socketController;
  4.  
  5. import java.io.IOException;
  6. import java.util.HashMap;
  7. import java.util.Map;
  8. import java.util.concurrent.CopyOnWriteArraySet;
  9.  
  10. import javax.annotation.Resource;
  11. import javax.websocket.OnClose;
  12. import javax.websocket.OnError;
  13. import javax.websocket.OnMessage;
  14. import javax.websocket.OnOpen;
  15. import javax.websocket.Session;
  16. import javax.websocket.server.PathParam;
  17. import javax.websocket.server.ServerEndpoint;
  18.  
  19. @ServerEndpoint(value ="/newwebsocket/{userId}")
  20. public class Webcomment {
  21.     @Resource
  22.     private Webcomment webcomment;
  23.  
  24.     //静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。
  25.     private static int onlineCount = 0;
  26.     //concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。若要实现服务端与单一客户端通信的话，可以使用Map来存放，其中Key可以为用户标识
  27.     private static CopyOnWriteArraySet<Webcomment> webSocketSet = new CopyOnWriteArraySet<Webcomment>();
  28. 　　//线程安全的Map
  29.     private static ConcurrentHashMap<String,Session> webSocketMap = new ConcurrentHashMap<String,Session>();//建立连接的方法
  30.     @OnOpen
  31.     public void onOpen(Session session,@PathParam("userId")String  userId){
  32.         /*获取从/websocket开始的整条链接，用于获取userId？***=***的参数
  33.         String uri = session.getRequestURI().toString();*/
  34.     webSocketMap.put(userId, session);
  35.     addOnlineCount(); //在线数加
  36.     System.out.println(userId+"进入聊天室");
  37.     System.out.println("有新连接加入！当前在线人数为" + getOnlineCount());
  38.     }
  39.  
  40.     /**
  41.     * 连接关闭调用的方法
  42.     */
  43.     @OnClose
  44.     public void onClose(Session session){
  45.     Map<String, String> map = session.getPathParameters();
  46.     webSocketMap.remove(map.get("userId")); //从set中删除
  47.     for(String user:webSocketMap.keySet()){
  48.     System.out.println(user);
  49.     }
  50.     subOnlineCount(); //在线数减
  51.     System.out.println("有一连接关闭！当前在线人数为" + getOnlineCount());
  52.     }
  53.  
  54.     /**
  55.     * 收到客户端消息后调用的方法
  56.     * @param message 客户端发送过来的消息
  57.     * @param session 可选的参数
  58.     */
  59.     @OnMessage
  60.     public void onMessage(String message, Session session) {
  61.     System.out.println("来自客户端的消息:" + message);
  62.     //获取用户ID
  63.     Map<String, String> map = session.getPathParameters();
  64.     String userId = map.get("userId");
  65.     for(String user:webSocketMap.keySet()){
  66.         try {
  67.             sendMessage(user+"你好，我是"+userId+"   "+message,webSocketMap.get(user));
  68.         } catch (IOException e) {
  69.             e.printStackTrace();
  70.         }
  71.     }
  72.     }
  73.  
  74.     /**
  75.     * 发生错误时调用
  76.     * @param session
  77.     * @param error
  78.     */
  79.     @OnError
  80.     public void onError(Session session, Throwable error){
  81.     System.out.println("发生错误");
  82.     error.printStackTrace();
  83.     }
  84.  
  85.     public void sendMessage(String message,Session session) throws IOException{
  86.         if(session.isOpen()){
  87.         session.getAsyncRemote().sendText(message);
  88.         }
  89.         //this.session.getAsyncRemote().sendText(message);
  90.         }
  91.  
  92.     public static synchronized int getOnlineCount() {
  93.         return onlineCount;
  94.         }
  95.     public static synchronized void addOnlineCount() {
  96.         Webcomment.onlineCount++;
  97.         }
  98.     public static synchronized void subOnlineCount() {
  99.         Webcomment.onlineCount--;
  100.         }
  101. }

html代码，可以单独建立html，无须放在项目中

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4.   <title> new document </title>
  5.   <meta name="generator" content="editplus" />
  6.   <meta name="author" content="" />
  7.   <meta name="keywords" content="" />
  8.   <meta name="description" content="" />
  9.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  10.   <script src="jquery-1.8.3.min.js" type="text/javascript"></script>
  11.  </head>
  12.  
  13.  <body>
  14.  
  15.   <center>
  16. Welcome<br/><input id="text" type="text"/>
  17. <button onclick="send()">发送消息</button>
  18. <hr/>
  19. <button onclick="closeWebSocket()">关闭WebSocket连接</button>
  20. <hr/>
  21. <div id="message"></div>
  22.  
  23.  </body>
  24.  <script type="text/javascript">
  25. var websocket = null;
  26. //判断当前浏览器是否支持WebSocket
  27. if ('WebSocket' in window) {
  28. alert('当前浏览器支持 websocket');
  29. websocket = new WebSocket("ws://localhost:8080/Y-websocket/newwebsocket/234");
  30. }
  31. else {
  32. alert('当前浏览器 Not support websocket')
  33. }
  34. //连接发生错误的回调方法
  35. websocket.onerror = function () {
  36. setMessageInnerHTML("WebSocket连接发生错误");
  37. };
  38. //连接成功建立的回调方法
  39. websocket.onopen = function () {
  40. setMessageInnerHTML("WebSocket连接成功");
  41. }
  42. //接收到消息的回调方法
  43. websocket.onmessage = function (event) {
  44. setMessageInnerHTML(event.data);
  45. }
  46. //连接关闭的回调方法
  47. websocket.onclose = function () {
  48. setMessageInnerHTML("WebSocket连接关闭");
  49. }
  50. //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
  51. window.onbeforeunload = function () {
  52. closeWebSocket();
  53. }
  54. //将消息显示在网页上
  55. function setMessageInnerHTML(innerHTML) {
  56. document.getElementById('message').innerHTML += innerHTML + '<br/>';
  57. }
  58. //关闭WebSocket连接
  59. function closeWebSocket() {
  60. websocket.close();
  61. }
  62. //发送消息
  63. function send() {
  64. var message = document.getElementById('text').value;
  65. websocket.send(message);
  66. }
  67. </script>
  68. </html>

友情提示： 向客户端发送信息  sendText（）是用来传输字符串的，有一个sendObject（）方法可以通过转码器发送javabean。

　　　　　　但是这里我们不推荐，因为非常麻烦。最简单的办法，就是把要发送的bean转成json字符串。 bean转json

　　　　　　然后在页面将接收的json字符串转成json：JSON.parse(event.data)

WebSocket教程(二)的更多相关文章

  1. WebSocket 教程（转载）

    WebSocket 教程   作者: 阮一峰 日期: 2017年5月15日 WebSocket 是一种网络通信协议,很多高级功能都需要它. 本文介绍 WebSocket 协议的使用方法. 一.为什么需 ...

  2. electron教程(二): http服务器, ws服务器, 进程管理

    我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使 ...

  3. CRL快速开发框架系列教程二(基于Lambda表达式查询)

    本系列目录 CRL快速开发框架系列教程一(Code First数据表不需再关心) CRL快速开发框架系列教程二(基于Lambda表达式查询) CRL快速开发框架系列教程三(更新数据) CRL快速开发框 ...

  4. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

  5. C#微信公众号开发系列教程二（新手接入指南）

    http://www.cnblogs.com/zskbll/p/4093954.html 此系列前面已经更新了两篇博文了,都是微信开发的前期准备工作,现在切入正题,本篇讲解新手接入的步骤与方法,大神可 ...

  6. 无废话ExtJs 入门教程二十一[继承：Extend]

    无废话ExtJs 入门教程二十一[继承:Extend] extjs技术交流,欢迎加群(201926085) 在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性.而这些属性可以通过“继承” ...

  7. 无废话ExtJs 入门教程二十[数据交互：AJAX]

    无废话ExtJs 入门教程二十[数据交互:AJAX] extjs技术交流,欢迎加群(521711109) 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C ...

  8. 无废话ExtJs 入门教程二[Hello World]

    无废话ExtJs 入门教程二[Hello World] extjs技术交流,欢迎加群(201926085) 我们在学校里学习任何一门语言都是从"Hello World"开始,这里我 ...

  9. Android Studio系列教程二--基本设置与运行

    Android Studio系列教程二--基本设置与运行 2014 年 11 月 28 日 DevTools 本文为个人原创,欢迎转载,但请务必在明显位置注明出处! 上面一篇博客,介绍了Studio的 ...

随机推荐

  1. 解析分布式锁之Redis实现（二）

    摘要:在前文中提及了实现分布式锁目前有三种流行方案,分别为基于数据库.Redis.Zookeeper的方案,本文主要阐述基于Redis的分布式锁,分布式架构设计如今在企业中被大量的应用,而在不同的分布 ...

  2. UVA10298 Power Strings

    UVA10298 Power Strings hash+乘法逆元+一点点数学知识 我们用取余法算出主串的hash,然后从小到大枚举子串的长度 显然,如果若干个子串的复制的hash值之和等于主串的has ...

  3. nginx配置https并强制http自动跳转到https

    关于使用HTTPS/SSL的必要性,可以自行baidu,援引的说法,EFF(Electronic Frontier Foundation),全球过半流量采用https. https://www.osc ...

  4. 20145225《网络对抗》Exp7 网络欺诈技术防范

    基础问题回答 通常在什么场景下容易受到DNS spoof攻击? 在同一局域网下比较容易受到DNS spoof攻击,攻击者可以冒充域名服务器,来发送伪造的数据包,从而修改目标主机的DNS缓存表,达到DN ...

  5. Android项目开发四

    微博客户端开发 本周学习计划 研究微博客户端关于Sqlite数据库代码. 完成微博撰写.发布等功能模块. 将程序中存在的问题解决. 实际完成情况 Sqlite数据库学习与研究 微博客户端功能设定中涉及 ...

  6. git commit如何修改默认编辑器为vim

    答:修改~/.gitconfig(修改这个文件将全局有效)或项目目录中的.git/config(修改此文件只是使当前项目默认使用vim)中增加以下内容: [core] editor=vim

  7. POJ3241 Object Clustering（最小生成树）题解

    题意:求最小生成树第K大的边权值 思路: 如果暴力加边再用Kruskal,边太多会超时.这里用一个算法来减少有效边的加入. 边权值为点间曼哈顿距离,那么每个点的有效加边选择应该是和他最近的4个象限方向 ...

  8. POJ1128 Frame Stacking（拓扑排序+dfs）题解

    Description Consider the following 5 picture frames placed on an 9 x 8 array.  ........ ........ ... ...

  9. spring boot 多数据源 + 事务控制

    1,首先在启动类加上@EnableTransactionManagement注解 package cn.bforce.common; import org.springframework.boot.S ...

  10. [Pytorch]Pytorch中tensor常用语法

    原文地址:https://zhuanlan.zhihu.com/p/31494491 上次我总结了在PyTorch中建立随机数Tensor的多种方法的区别. 这次我把常用的Tensor的数学运算总结到 ...