1. 没什么好说的，websocket实现非常简单，我们直接看代码。
  2. 运行环境：jdk8 tomcat8   无须其他jar包。   具体环境支持自己百度
  3.  
  4. package com.reach.socketController;
  5.  
  6. import java.io.IOException;
  7. import java.util.HashMap;
  8. import java.util.Map;
  9. import java.util.concurrent.CopyOnWriteArraySet;
  10.  
  11. import javax.annotation.Resource;
  12. import javax.websocket.OnClose;
  13. import javax.websocket.OnError;
  14. import javax.websocket.OnMessage;
  15. import javax.websocket.OnOpen;
  16. import javax.websocket.Session;
  17. import javax.websocket.server.PathParam;
  18. import javax.websocket.server.ServerEndpoint;
  19.  
  20. @ServerEndpoint(value ="/newwebsocket/{userId}")
  21. public class Webcomment {
  22.     @Resource
  23.     private Webcomment webcomment;
  24.  
  25.     //静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。
  26.     private static int onlineCount = 0;
  27.     //concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。若要实现服务端与单一客户端通信的话，可以使用Map来存放，其中Key可以为用户标识
  28.     private static CopyOnWriteArraySet<Webcomment> webSocketSet = new CopyOnWriteArraySet<Webcomment>();  
    　　//线程安全的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);
  1.         }
  2.         //this.session.getAsyncRemote().sendText(message);
  3.         }
  5.     public static synchronized int getOnlineCount() {
  6.         return onlineCount;
  7.         }
  8.     public static synchronized void addOnlineCount() {
  9.         Webcomment.onlineCount++;
  10.         }
  11.     public static synchronized void subOnlineCount() {
  12.         Webcomment.onlineCount--;
  13.         }
  14. }

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理解透彻，但是结合业务来使用websocket已经不是难题了！websocket学习起来就是这么简单

websocket（二） websocket的简单实现，识别用户属性的群聊的更多相关文章

  1. websocket 群聊单聊

    websocket 介绍 介绍引自 https://segmentfault.com/a/1190000012709475 群聊 from flask import Flask, request, r ...

  2. websocket(二)--简单实现网页版群聊

    websocket可以实现服务端的消息推送,而不必在客户端轮询,大大的节省的资源,对于实时通讯来说简直是个大喜讯. 在上一篇文章中介绍了协议握手,这篇文章将通过实现简单的群聊来帮助进一步了解webso ...

  3. 基于websocket实现的一个简单的聊天室

    本文是基于websocket写的一个简单的聊天室的例子,可以实现简单的群聊和私聊.是基于websocket的注解方式编写的.(有一个小的缺陷,如果用户名是中文,会乱码,不知如何处理,如有人知道,请告知 ...

  4. Spring 学习——基于Spring WebSocket 和STOMP实现简单的聊天功能

    本篇主要讲解如何使用Spring websocket 和STOMP搭建一个简单的聊天功能项目,里面使用到的技术,如websocket和STOMP等会简单介绍,不会太深,如果对相关介绍不是很了解的,请自 ...

  5. python全栈开发day115、116-websocket、websocket原理、websocket加解密、简单问答机器人实现

    1.websocket 1.websocket 与轮询 轮询: 不断向服务器发起询问,服务器还不断的回复 浪费带宽,浪费前后端资源 保证数据的实时性 长轮询: 1.客户端向服务器发起消息,服务端轮询, ...

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

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

  7. WebSocket 介绍(二)-WebSocket API

    这一章介绍如何用WebSocket API来控制协议和创建应用,运用http://websocket.org 提供的现有WebSocket服务器,我们可以收发消息.创建一些简单的WebSocket应用 ...

  8. keras实现简单性别识别（二分类问题）

    keras实现简单性别识别(二分类问题) 第一步:准备好需要的库 tensorflow  1.4.0 h5py 2.7.0 hdf5 1.8.15.1 Keras     2.0.8 opencv-p ...

  9. websocket(二)——基于node js 的同步聊天应用

      https://github.com/sitegui/nodejs-websocket 1.用node搭建本地服务 npm install nodejs-websocket var ws = re ...

随机推荐

  1. Java开发步骤

    3.编辑Java源程序 使用纯文本编辑器,比如记事本notpad.exe:EditPlus.UltraEdit等专业的纯文本编辑器. Word不是纯文本编辑器. 需求:写一个Java程序,在控制台打印 ...

  2. Numpy入门 - 线性代数运算

    本节矩阵线性代数有很多内容,这里重点演示计算矩阵的行列式.求逆矩阵和矩阵的乘法. 一.计算矩阵行列式[det] import numpy as np from numpy.linalg import ...

  3. Android破解学习之路（一）——简单的登录破解

    最近突然心血如潮开始学了Android破解,初入门,便是将经验记录下来. 准备工作: 1.一个登录简单APP 在我们破解之前,我们需要做一个简单的登录APP,输入相应的账号与密码便是弹出登录成功的对话 ...

  4. 第六届河南省赛 River Crossing 简单DP

    1488: River Crossing Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 83  Solved: 42 SubmitStatusWeb ...

  5. 【机器学习】RNN学习

    感谢中国人民大学的胡鹤老师,课程容量巨大,收获颇丰. 之前提到的CNN模型主要用到人类的视觉中枢,但其有一劣势,无论是人类的视觉神经还是听觉神经,所接受到的都是一个连续的序列,使用CNN相当于割裂了前 ...

  6. 基于 HTML5 Canvas 的 3D 压力器反序列化

    在实际应用中,我觉得能够通过操作 JSON 文件来操作 3D 上的场景变化是非常方便的一件事,尤其是在做编辑器进行拖拽图元并且在图元上产生的一系列变化的时候,都能将数据很直观地反应给我们,这边我们简单 ...

  7. python 3.6 MJ小工具

    2017.07.14 update 做了个界面,不需要使用cmd命令行+文件路径的方式来使用了: 链接如下: http://www.cnblogs.com/chenyuebai/p/7150382.h ...

  8. Android关于AutoService、Javapoet讲解

    一.上篇文章提到自定义processor中用到AutoService 文章中我们用到了AutoService, 使用@AutoService(Processor.class),编译后 MethodSp ...

  9. 第五章 MVC之 FileResult 和 JS请求二进制文件

    一.FileResult 1.简介 表示一个用于将二进制文件内容发送到响应的基类.它有三个子类: FileContentResultFilePathResultFileStreamResult 推荐阅 ...

  10. Xcode6 UIWebView与JavaScript交互（issue fix）

    这篇文章中,有介绍UIWebView与JavaScript交互,在UIWebView截获JavaScript请求处理.从app的角度,这是JavaScript的Hook请求. 在Xcode6之前的Ap ...