springboot使用Websocket写一个聊天室
1 <!--websocket 依赖-->
2 <dependency>
3 <groupId>org.springframework.boot</groupId>
4 <artifactId>spring-boot-starter-websocket</artifactId>
5 </dependency>
目录
一、WebSocketConfig配置类
1 package com.example.demo.taotao.chat.webSocket;
2
3 import org.springframework.context.annotation.Bean;
4 import org.springframework.context.annotation.Configuration;
5 import org.springframework.web.socket.server.standard.ServerEndpointExporter;
6
7 @Configuration
8 public class WebSocketConfig {
9 @Bean
10 public ServerEndpointExporter serverEndpointExporter() {
11 return new ServerEndpointExporter();
12 }
13
14 }
二、WebSocket 类
1 package com.example.demo.taotao.chat.webSocket;
2
3 import org.springframework.stereotype.Component;
4
5 import javax.websocket.OnClose;
6 import javax.websocket.OnMessage;
7 import javax.websocket.OnOpen;
8 import javax.websocket.Session;
9 import javax.websocket.server.ServerEndpoint;
10 import java.io.IOException;
11 import java.text.SimpleDateFormat;
12 import java.util.Locale;
13 import java.util.concurrent.CopyOnWriteArraySet;
14
15 @Component
16 @ServerEndpoint("/webSocket")
17 @SuppressWarnings("all")
18 public class WebSocket {
19
20 private Session session;
21
22 private static CopyOnWriteArraySet<WebSocket> webSocketSet = new CopyOnWriteArraySet<>();
23
24 @OnOpen
25 public void onOpen(Session session) {
26 this.session = session;
27 webSocketSet.add(this);
28 System.out.println("新的连接 总数:" + webSocketSet.size());
29 sendMessage("聊天室新来人了 总数:" + webSocketSet.size());
30 sendMessage("");
31
32 }
33
34
35 @OnClose
36 public void onColse() {
37 webSocketSet.remove(this);
38 System.out.println("断开连接 总数:" + webSocketSet.size());
39
40 }
41
42 /**
43 * 接收客户端发来的消息
44 *
45 * @param message
46 * @param name
47 */
48 @OnMessage
49 public void onMessage(String message) {
50 System.out.println("收到客户端发来的消息:");
51 //接到客户端的消息后将消息推送给所有人
52 SimpleDateFormat sdf1 = new SimpleDateFormat("", Locale.SIMPLIFIED_CHINESE);
53 sdf1.applyPattern("yyyy-MM-dd HH:mm:ss");
54
55 sendMessage(sdf1.format(System.currentTimeMillis()) + "\n");
56 sendMessage(message);
57 sendMessage("");
58 }
59
60 /**
61 * 向客户端发送消息的方法
62 *
63 * @param message
64 */
65 public void sendMessage(String message) {
66 for (WebSocket webSocket : webSocketSet) {
67 System.out.println("广播消息:" + message);
68 try {
69 webSocket.session.getBasicRemote().sendText(message);
70 } catch (IOException e) {
71 e.printStackTrace();
72 }
73
74 }
75 }
76 }
三、前端(HTML)
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>My WebSocket</title>
5 </head>
6
7 <body>
8 welcome chat<br />
9
10 <input id="text" type="text" /><button onclick="send()">Send</button> <button
11 onclick="closeWebSocket()">Close</button>
12 <div id="message">
13 </div>
14 </body>
15
16 <script type="text/javascript">
17 var websocket = null;
18 var name = "张三";
19
20 //判断当前浏览器是否支持WebSocket
21 if ('WebSocket' in window) {
22 websocket = new WebSocket("ws://127.0.0.1:8080/webSocket");
23 } else {
24 alert('Not support websocket')
25 }
26
27 //连接发生错误的回调方法
28 websocket.onerror = function() {
29 setMessageInnerHTML("error");
30 };
31
32 //连接成功建立的回调方法
33 websocket.onopen = function(event) {
34 setMessageInnerHTML("连接成功");
35 }
36
37 //接收到消息的回调方法
38 websocket.onmessage = function(event) {
39 setMessageInnerHTML(event.data);
40 }
41
42 //连接关闭的回调方法
43 websocket.onclose = function() {
44 setMessageInnerHTML("close");
45 }
46
47 //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
48 window.onbeforeunload = function() {
49 websocket.close();
50 }
51
52 //将消息显示在网页上
53 function setMessageInnerHTML(innerHTML) {
54 document.getElementById('message').innerHTML += innerHTML + '<br/>';
55 }
56
57 //关闭连接
58 function closeWebSocket() {
59 websocket.close();
60 }
61
62 //发送消息
63 function send() {
64 var message = document.getElementById('text').value;
65 websocket.send(message);
66 }
67 </script>
68 </html>
运行
springboot使用Websocket写一个聊天室的更多相关文章
- 使用原生node写一个聊天室
在学习node的时候都会练习做一个聊天室的项目,主要使用socket.io模块和http模块.这里我们使用更加原始的方式去写一个在命令行聊天的聊天室. http模块,socket.io都是高度封装之后 ...
- WebSocket实现一个聊天室
聊天室页面-->index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q ...
- Golang之写一个聊天室
. 海量用户在线聊天系统 . 点对点聊天 . 用户登录&注册 一.服务端开发 . 用户管理 用户id:数字 用户密码:字母数字组合 用户昵称:用来显示 用户性别:字符串 用户头像:url 用户 ...
- SpringBoot 使用WebSocket打造在线聊天室
教程: https://www.jianshu.com/p/55cfc9fcb69e https://wallimn.iteye.com/blog/2425666 关于websocket基础普及见:h ...
- Java和WebSocket开发网页聊天室
小编心语:咳咳咳,今天又是聊天室,到现在为止小编已经分享了不下两个了,这一次跟之前的又不大相同,这一次是网页聊天室,具体怎么着,还请各位看官往下看~ Java和WebSocket开发网页聊天室 一.项 ...
- 基于react+react-router+redux+socket.io+koa开发一个聊天室
最近练手开发了一个项目,是一个聊天室应用.项目虽不大,但是使用到了react, react-router, redux, socket.io,后端开发使用了koa,算是一个比较综合性的案例,很多概念和 ...
- 分享基于 websocket 网页端聊天室
博客地址:https://ainyi.com/67 有一个月没有写博客了,也是因为年前需求多.回家过春节的原因,现在返回北京的第二天,想想,应该也要分享技术专题的博客了!! 主题 基于 websock ...
- 基于Node.js + WebSocket 的简易聊天室
代码地址如下:http://www.demodashi.com/demo/13282.html Node.js聊天室运行说明 Node.js的本质就是运行在服务端的JavaScript.Node.js ...
- SpringBoot+Vue+WebSocket 实现在线聊天
一.前言 本文将基于 SpringBoot + Vue + WebSocket 实现一个简单的在线聊天功能 页面如下: 在线体验地址:http://www.zhengqingya.com:8101 二 ...
- web即时通讯2--基于Spring websocket达到web聊天室
如本文所用,Spring4和websocket要构建web聊天室,根据框架SpringMVC+Spring+Hibernate的Maven项目,后台使用spring websocket进行消息转发和聊 ...
随机推荐
- 电商AARRR模型分析（一）——R语言
在2010年,互联网创业者增长黑客之父肖恩·埃利斯(Sean Ellis)就创造了增长黑客(Growth hacker)这样一个概念.2015年,范冰撰写的一本新书<增长黑客>确立了Gro ...
- 【入门排坑】Windows之间使用OpenSSH的ssh免密登录，排坑
安装 安装OpenSSH 需要安装OpenSSH客户端和服务器,win10自带客户端,我们安装服务器即可. 设置 -- 应用 -- 可选功能 -- 添加 -- 添加 OpenSSH 服务器 配置 公钥 ...
- 系统建模之UML状态图[转载]
1 状态图的简介(Instrduction) 状态图(Statechart Diagram)主要用于描述一个对象在其生存期间的动态行为,表现为一个对象所经历的状态序列,引起状态转移的事件(Event) ...
- Solon2 之 Groovy 语言开发后端接口项目
今天再做个新的尝试,用 Solon 框架写个 Groovy 后端项目.借助 "Solon Initializr" 生成个项目模板,会比较方便. 1.生成项目模板 打开"S ...
- pandas小技巧
1. 删除列 import pandas as pd df.drop("Unnamed: 0", axis=1, inplace=True) 2. 转换列的格式 df[" ...
- 机器视觉基本理论（opencv）
1. 什么是图像采样 采样是按照某种时间间隔或空间间隔,将空间上连续的图像变换成离散点的操作称为图像采样 2. 什么是图像分变率 采样 得到的离散图像的尺寸称为图像分辨率.分辨率是数字图像可辨别的最小 ...
- Sementic Kernel 案例之网梯科技在线教育
2023年4月25日,微软公布了2023年第一季度财报,营收528亿美元, 微软CEO纳德称,「世界上最先进的AI模型与世界上最通用的用户界面--自然语言--相结合,开创了一个新的计算时代.」该公司有 ...
- shiro拦截axios请求导致@RequireRole注解失效
文章目录 ShiroRequiresRole注解对于axios请求无效 场景再现 解决方案 网上的解决方案 最近在整理一个自己以前做过的系统,想要添加一些功能,发现shiro框架出现了点问题,觉得这个 ...
- 【CSS】使元素在父元素中居中显示的几种方法
在页面元素布局时经常会有把元素居中的需求,大多都是用弹性盒或者定位,下面来说一下使用方法 一.使用边距进行固定位置 这种方法需要把父元素和子元素的宽度固定,然后利用二者宽高之差添加边距移动元素的位置 ...
- python Unitest和pytest 介绍和安装
前言 目前有两种纯测试的测试框架,pytest和unittest,这系列文章主要介绍pytest为主 UnitTest测试框架理论 python 自带的单元测试框架,常用在单元测试 在自动化测试中提供 ...