当前位置: 首页 > news >正文

SpringBoot集成WebSocket(实时消息推送)

🍓 简介:java系列技术分享(👉持续更新中…🔥)
🍓 初衷:一起学习、一起进步、坚持不懈
🍓 如果文章内容有误与您的想法不一致,欢迎大家在评论区指正🙏
🍓 希望这篇文章对你有所帮助,欢迎点赞 👍 收藏 ⭐留言 📝

🍓 更多文章请点击
在这里插入图片描述在这里插入图片描述

文章目录

  • 一、WebSocket是什么?
    • 1.1 原理解析:
  • 二、客户端开发
  • 三、服务端开发
    • 3.1 引入依赖
    • 3.2 添加配置类
    • 3.3 效验Token(非必选)
    • 3.4 代码实现
    • 3.5 服务端推送消息给客户端
  • 四、常见问题
    • 4.1 在添加有@ServerEndpoint的类中,可以使用@Autowired注入对象?
    • 4.2 为什么使用ConcurrentHashMap?
    • 4.3 项目通过Nginx部署,为什么前端访问不通呢?
    • 4.4 异常The remote endpoint was in state [TEXT_FULL_WRITING] which is an invalid state for called method
    • 4.5 webSocket java.io.EOFException: null 增加心跳检测

是

一、WebSocket是什么?

调试工具:http://coolaf.com/tool/chattest

WebSocket 是一种在单个 TCP 连接上进行全双工通信的网络协议。它提供了一个持久的连接,允许客户端和服务器之间进行实时数据传输。相比传统的 HTTP 请求-响应模式,WebSocket 允许服务器在没有收到请求的情况下主动向客户端发送数据,从而实现了更高效的实时通信。

全双工:允许谁在两个方向上的同时传输。

半双工: 允许数据在两个方向上传输,但是同一个时间段内只允许一个方向上传输。


1.1 原理解析:

在这里插入图片描述在这里插入图片描述

  • 客户端发起http请求,经过3次握手后,建立起TCP连接;http请求里存放WebSocket支持的版本号等信息,如:Upgrade、Connection、WebSocket-Version等;
  • 服务器收到客户端的握手请求后,同样采用HTTP协议回馈数据;
  • 最后,客户端收到连接成功的消息后,开始借助于TCP传输信道进行全双工通信。

二、客户端开发

这里简单介绍

    <script>//对象创建  url格式:ws://ip地址/访问罗静ws = new WebSocket("ws://127.0.0.1:9090/");//建立连接时触发ws.onopen = function () {//发送消息给服务端ws.send(};};//连接关闭时触发ws.onclose = function () {};//收到消息时触发ws.onmessage = function (ev) {};//发生错误时触发ws.onerror = function (event){}</script>

三、服务端开发

3.1 引入依赖

       <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId></dependency>

3.2 添加配置类

扫描添加有@ServerEndpoint注解的bean


@Configuration
public class WebSocketConfig {@Beanpublic ServerEndpointExporter serverEndpointExporter(){return new ServerEndpointExporter();}}

3.3 效验Token(非必选)

  1. 添加配置器
    这里可以主动向前端发送特定类型消息,前端接收后抛出异常
    @Slf4j
    public class AuthConfig extends ServerEndpointConfig.Configurator {@Overridepublic void modifyHandshake(ServerEndpointConfig sec, HandshakeRequest request, HandshakeResponse response) {List<String> authorization = request.getHeaders().get("Authorization");log.info("这里进行效验逻辑");log.info("============Authorization======= :{}",authorization);super.modifyHandshake(sec, request, response);}
    }
    
  2. 引入配置
    在@ServerEndpoint(value = “/chat/{userId}”, configurator = AuthConfig.class)

3.4 代码实现

  • @ServerEndpoint每个用户对应自己的Endpoint
  • @PathParam获取路径参数
@Slf4j
@Component
@ServerEndpoint(value = "/chat/{userId}", configurator = AuthConfig.class)
public class WebChatServer1 {private static final Map<Long, Session> onlineUsers = new ConcurrentHashMap<>();/*** 连接建立时触发*/@OnOpenpublic void openSession(Session session, @PathParam("userId") Long userId) {log.info("用户:{} 上线了,sessionId:{}", userId, session.getId());if (onlineUsers.containsKey(userId)) {//当前用户可能更换客户端onlineUsers.remove(userId);onlineUsers.put(userId, session);} else {onlineUsers.put(userId, session);}}/*** 客户端发送消息到服务端,该方法被调用* <p>* 张三--->李四*/@OnMessagepublic void onMessage(String message, @PathParam("userId") Long userId) {log.info("收到的消息为:{}", message);}/*** 连接关闭时触发*/@OnClosepublic void onClose(Session session, @PathParam("userId") Long userId) {try {log.info("用户 :{}==============离线", userId);//关闭WebSocket Session会话onlineUsers.remove(userId);session.close();} catch (IOException e) {log.error("onClose error", e);}}/*** 通信发生错误时触发*/@OnErrorpublic void onError(Session session, @PathParam("userId") Long userId, Throwable throwable) {try {//关闭WebSocket Session会话onlineUsers.remove(userId);session.close();} catch (Exception e) {log.info("捕获到异常:{}", e);}}
}

3.5 服务端推送消息给客户端

  1. 同步
    session.getBasicRemote().sendText();
    
  2. 异步
    session.getAsyncRemote().sendText();
    

四、常见问题

4.1 在添加有@ServerEndpoint的类中,可以使用@Autowired注入对象?

@Autowired注解通常用于将Spring容器中的bean自动装配到相应的字段中。然而,WebSocket处理程序通常不会通过Spring的依赖注入,因为WebSocket处理程序通常不是由Spring容器管理的bean。

  1. 解决方案一

    SpringContextUtil .getBean(SocketUtils.class);
    

    实现具体的通知类(生命周期)

    @Component
    public class SpringContextUtil implements ApplicationContextAware {private static ApplicationContext applicationContext;@Overridepublic void setApplicationContext(ApplicationContext applicationContext) throws BeansException {if (SpringContextUtil.applicationContext == null) {SpringContextUtil.applicationContext = applicationContext;}}//获取applicationContextpublic static ApplicationContext getApplicationContext() {return applicationContext;}//通过name获取 Bean.public static Object getBean(String name) {return getApplicationContext().getBean(name);}//通过class获取Bean.public static <T> T getBean(Class<T> clazz) {return getApplicationContext().getBean(clazz);}//通过name,以及Clazz返回指定的Beanpublic static <T> T getBean(String name, Class<T> clazz) {return getApplicationContext().getBean(name, clazz);}}
    
  2. 解决方案二
    在配置类中注入

    @Configuration
    public class WebSocketConfig {@Beanpublic ServerEndpointExporter serverEndpointExporter(){return new ServerEndpointExporter();}@Autowiredpublic void socketUserService(SocketUtils socketUtils){WebChatServer.socketUtils = socketUtils;}
    }
    

4.2 为什么使用ConcurrentHashMap?

本文未使用集群配置

	/*** 在线用户*/private static final Map<String,Session> onlineUsers = new ConcurrentHashMap<>();

在这里插入图片描述

4.3 项目通过Nginx部署,为什么前端访问不通呢?

在Nginx的对应端口的server块中添加如下配置

		location /ws {proxy_pass http://127.0.0.1:10010/;proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "upgrade";proxy_set_header Host $host;}

4.4 异常The remote endpoint was in state [TEXT_FULL_WRITING] which is an invalid state for called method

原因是多个线程同时使用同一session发送的原因。进行如下更改

	synchronized(session){session.getBasicRemote().sendText(message);
}

4.5 webSocket java.io.EOFException: null 增加心跳检测

webSocket连接,经常自动断开,有如下原因

  • 网络问题: 不稳定的网络连接可能导致 WebSocket 连接断开。这可能是由于网络延迟、断网或者服务器端出现网络问题等引起的。
  • 服务器配置问题: 如果服务器配置不正确,可能会导致 WebSocket 连接断开。

这里为了webSocket连接正常,增加心跳检测逻辑

  1. 客户端定时发送指定字符串.例:"ping"
  2. 服务端收到后回复"pong"
  3. 当客户端在指定时间没有收到"pong"时,重新连接
    @OnMessagepublic void onMessage(String message, @PathParam("userId") Long userId) {log.info("收到的消息为:{}", message);if(Objects.equals("ping",message)){//心跳socketUtils.sendTextTo(userId,"pong");}else{log.info("业务逻辑")}

在这里插入图片描述在这里插入图片描述

相关文章:

  • PL/SQL的词法单元
  • ida调试技巧-通过修改zf寄存器的值绕过简单反调试
  • Linux manim安装
  • 幻兽帕鲁服务器价格太卷了,4核16G游戏联机服务器价格24元
  • String类相关oj练习
  • amazon中sns的使用
  • Android ViewBinding 使用
  • 【QT入门】 Qt自定义信号后跨线程发送信号
  • 基于大语言模型的云故障根因分析|顶会EuroSys24论文
  • 操作系统系列学习——多级页表与快表
  • k8s入门到实战(十四)—— Helm详细介绍及使用
  • Java实现猜数字游戏:编程入门之旅
  • 数学建模常用的代码
  • Jmeter 从登录接口提取cookie 并 跨线程组调用cookie (超详细)
  • 游戏本笔记本更换@添加内存条实操示例@DDR5内存条
  • 《深入 React 技术栈》
  • C学习-枚举(九)
  • EventListener原理
  • github从入门到放弃(1)
  • Hexo+码云+git快速搭建免费的静态Blog
  • JSONP原理
  • Linux CTF 逆向入门
  • React 快速上手 - 06 容器组件、展示组件、操作组件
  • Sass Day-01
  • Spring Boot MyBatis配置多种数据库
  • TypeScript实现数据结构(一)栈,队列,链表
  • Web Storage相关
  • 关于Android中设置闹钟的相对比较完善的解决方案
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 前端知识点整理(待续)
  • 强力优化Rancher k8s中国区的使用体验
  • 怎么将电脑中的声音录制成WAV格式
  • ​​​​​​​​​​​​​​Γ函数
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • #QT项目实战(天气预报)
  • #我与Java虚拟机的故事#连载16:打开Java世界大门的钥匙
  • (2)STL算法之元素计数
  • (三)Honghu Cloud云架构一定时调度平台
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • (学习日记)2024.01.19
  • (已解决)什么是vue导航守卫
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • .class文件转换.java_从一个class文件深入理解Java字节码结构
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .NET MVC之AOP
  • .NET 同步与异步 之 原子操作和自旋锁(Interlocked、SpinLock)(九)
  • .NET 中小心嵌套等待的 Task,它可能会耗尽你线程池的现有资源,出现类似死锁的情况
  • .net6+aspose.words导出word并转pdf
  • .NET开发人员必知的八个网站
  • [ 数据结构 - C++] AVL树原理及实现
  • [AIGC] Java 和 Kotlin 的区别
  • [Android] Upload package to device fails #2720
  • [android] 看博客学习hashCode()和equals()