Springboot 整合WebSocket 实现服务端主动推送到客户端信息（十六）

最新推荐文章于 2024-05-15 19:18:14 发布
最新推荐文章于 2024-05-15 19:18:14 发布
阅读量1.4k 收藏 12
点赞数 2
分类专栏： springboot 文章标签： Springboot整个WebSocket WebSocket实现消息推送
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xcc_2269861428/article/details/100999810
版权

1、首先pom中引入

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

2、创建WebSocketConfig

/**
 * @author : 徐长城
 * @des：
 * @date : 2019/9/18 20:44
 */
@Configuration
public class WebSocketConfig {

    @Bean
    public ServerEndpointExporter serverEndpointExporter() {
        return new ServerEndpointExporter();
    }
}

3、创建Server

/**
 * @author : 徐长城
 * @des：
 * @date : 2019/9/18 21:12
 */
@ServerEndpoint(value = "/websocket/{id}")
@Component
public class WebSocketServer {

    // 用于存储socketServer
    private static ConcurrentHashMap<String, WebSocketServer> webSocketSet = new ConcurrentHashMap<>();

    //与某个客户端的连接会话，需要通过它来给客户端发送数据
    private Session session;
    private static Logger log = LogManager.getLogger(WebSocketServer.class);
    private String id = "";

    /**
     * 连接建立成功
     * @param id
     * @param session
     */
    @OnOpen
    public void onOpen(@PathParam(value = "id") String id, Session session) {
        this.session = session;
        this.id = id;
        webSocketSet.put(id, this);
        log.info("用户"+id+"连接成功！当前人数："+webSocketSet.size());
        try {
            sendMessage("连接成功");
        } catch (IOException e) {
            log.error("websocket IO异常");
        }

    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose(@PathParam(value = "id") String id) {
        System.out.println("id:::"+id);
        webSocketSet.remove(id);  //从set中删除
        log.info("有一连接关闭！当前在线人数为"+webSocketSet.size());
    }

    /**
     * 异常
     * @param session
     * @param error
     */
    @OnError
    public void onError(Session session, Throwable error) {
        log.error("发生错误");
        error.printStackTrace();
    }


    /**
     * 发送信息
     * @param message
     * @throws IOException
     */
    public void sendMessage(String message) throws IOException {
        this.session.getBasicRemote().sendText(message);
    }

    /**
     * 发送指定用户消息
     * @param message
     * @param id
     * @throws IOException
     */
    public void sendtoUser(String message,String id) throws IOException {
        if (webSocketSet.get(id) != null) {
            webSocketSet.get(id).sendMessage(message);
        }
    }
}

写一个Controller作为生产消息

/**
 * @author : 徐长城
 * @des：   用于生产消息
 * @date : 2019/9/18 21:31
 */
@RestController
@RequestMapping("/production")
public class TestController {

    @Autowired
    private WebSocketServer webSocketServer;

    /**
     * 此Controller主要是用来测试的，实际开发不能这些写
     *
     */

    /**
     * 向用户一推送数据
     * @param msg
     * @return
     */
    @GetMapping("/yonghu1")
    public Map<String,Object> yonghu1(String msg){
        Map<String,Object> map = new HashMap<>();
        try {
            webSocketServer.sendtoUser(msg,"1");
            map.put("id",1);
            map.put("msg",msg);
            map.put("status",0);
        } catch (IOException e) {
            e.printStackTrace();
            map.put("id",1);
            map.put("msg",msg);
            map.put("status",1);
        }
        return map;
    }

    /**
     * 向用户二推送数据
     * @param msg
     * @return
     */
    @GetMapping("/yonghu2")
    public Map<String,Object> yonghu2(String msg){
        Map<String,Object> map = new HashMap<>();
        try {
            webSocketServer.sendtoUser(msg,"2");
            map.put("id",2);
            map.put("msg",msg);
            map.put("status",0);
        } catch (IOException e) {
            e.printStackTrace();
            map.put("id",2);
            map.put("msg",msg);
            map.put("status",1);
        }
        return map;
    }
}

写2个界面用来模拟2个不用不同用户，用来验证，推送消息是否能准确推送到某个人

one.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
用户一
<p id="text"></p>
<script>
    var socket;
    if(typeof(WebSocket) == "undefined") {
        console.log("您的浏览器不支持WebSocket");
    }else{
        console.log("您的浏览器支持WebSocket");

        //实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
        socket = new WebSocket("ws://localhost:8080/websocket/1");

        //打开事件
        socket.onopen = function() {
            console.log("Socket 已打开");
        };

        //获得消息事件
        socket.onmessage = function(msg) {
            console.log(msg.data);
            document.getElementById('text').innerHTML = msg.data;
        };

        //关闭事件
        socket.onclose = function() {
            console.log("Socket已关闭");
        };

        //发生了错误事件
        socket.onerror = function() {
            alert("Socket发生了错误");
        }

        //关闭连接
        function closeWebSocket() {
            socket.close();
        }
    }
</script>
</body>
</html>

two.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
用户二
<p id="text"></p>
<script>
    var socket;
    if(typeof(WebSocket) == "undefined") {
        console.log("您的浏览器不支持WebSocket");
    }else{
        console.log("您的浏览器支持WebSocket");

        //实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
        socket = new WebSocket("ws://localhost:8080/websocket/2");

        //打开事件
        socket.onopen = function() {
            console.log("Socket 已打开");
        };

        //获得消息事件
        socket.onmessage = function(msg) {
            console.log(msg.data);
            document.getElementById('text').innerHTML = msg.data;
        };

        //关闭事件
        socket.onclose = function() {
            console.log("Socket已关闭");
        };

        //发生了错误事件
        socket.onerror = function() {
            alert("Socket发生了错误");
        }

        //关闭连接
        function closeWebSocket() {
            socket.close();
        }
    }
</script>
</body>
</html>

向一推送信息

向二推送信息

前方太黑暗
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebSocket简单使用(三) - 服务器端
weixin_30823227的博客
08-24 189
背景： 前几天老大突然发现微信有个链接键盘的功能，我仔细想了下或许是使用WebSocket来实现的，又加上最近HTML5的呼声愈来愈高，觉得有必要研究下HTML5了。 握手协议的客户端数据已经由浏览器代劳了，服务器端需要我们自己来实现，目前市场上开源的实现也比较多如： Kaazing WebSocket Gateway(一个 Java 实现的 WebSocket Server)；...
Spring Boot系列20 Spring Websocket实现向指定的用户发送消息
weixin_33752045的博客
07-19 1123
概述 不同上文Spring Boot系列十七 Spring Boot 集成 websocket，使用RabbitMQ做为消息代理，本文我们介绍通过Spring websocket实现向特定的用户发送消息。 本文的内容如下： 1. 首先实现简单的登录功能，这里向特定用户发送消息的必要条件 2. 用户登录系统后，才可以登录websocket，并重写MyPrincipal 3. 实现向特定用户发送消息的...
后端使用WebSocket主动向前端推送数据，该数据做国际化时，只显示中文的一种解决方式
最新发布
tuchaobo的博客
05-15 1326
国际化，websocket，java，http
SpringBoot 整合 websocket
H_Q_Li的博客
09-22 190
SpringBoot 整合 websocket
spring boot学习第六篇:SpringBoot 集成WebSocket详解
heming20122012的专栏
01-09 2555
WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。
spring websocket 使用@SendToUser
热门推荐
打不死的小强
04-23 3万+
之前我们利用@SendTo在方法上进行注解，方法的返回值会被messageconverter转化并推送到消息代理器中，由消息代理器广播到订阅路径去@MessageMapping("bar") //@MessageMapping接收客户端消息 @SendTo("/topic/brocast") //@SendTo广播消息出去 public String handle1(String msg) {
Spring Boot 集成 WebSocket 实现服务端推送消息到客户端.docx
07-04
总结起来，Spring Boot 结合 WebSocket 可以有效地实现服务端到客户端的消息推送，降低了网络资源的消耗，提升了实时性。通过配置和编写相应的端点服务类，我们可以方便地构建起一个稳定的 WebSocket 通信系统。
springboot-websocket:SpringBoot整合WebSocket
05-26
本项目"springboot-websocket"主要关注的是如何在SpringBoot应用中整合WebSocket，以实现实时推送或者双向通信的需求。以下将详细介绍整合过程中的关键知识点： 1. **WebSocket协议**：WebSocket协议是基于TCP的，...
springboot整合websocket
02-03
WebSocket 是一种网络通信协议，允许服务器推送数据到客户端，实时地更新客户端的内容。下面将详细介绍 SpringBoot 如何整合 WebSocket，实现实时通信。 依赖配置 要使用 SpringBoot 整合 WebSocket，首先需要在 ...
springboot+websocket进度条实战
11-11
在实际应用中，`ProgressService`中的`sendProgressUpdate`方法可能会被业务逻辑调用，例如在执行耗时操作（如文件上传或大数据处理）时，根据任务的进度调用此方法，将进度信息推送到前端，从而在用户界面上动态...
springboot整合 websocket 简单使用
06-24
Spring Boot作为现代化的Java开发框架，提供了与WebSocket整合的能力，使得在企业级应用中实现聊天、实时推送等功能变得简单易行。本文将详细介绍如何在Spring Boot项目中整合WebSocket，以及如何实现简单的消息收发...
springboot整合websocket实现服务器主动推送消息到客户端（点对点）
FinelyYang的专栏
01-15 7138
原文：https://www.cnblogs.com/hhhshct/p/8849449.html 服务器端推送技术在web开发中比较常用，可能早期很多人的解决方案是采用ajax向服务器轮询消息，这种方式的轮询频率不好控制，所以大大增加了服务器的压力，后来有了下面的方案：当客户端向服务器发送请求时，服务器端会抓住这个请求不放，等有数据更新的时候才返回给客户端，当客户端接收到数据...
Spring Boot 集成 websocket，使用RabbitMQ做为消息代理
LMC技术人生专栏
01-03 3993
  Spring Boot 集成 websocket，使用RabbitMQ做为消息代理 &lt;!-- rabbitmq --&gt;         &lt;dependency&gt;             &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;             &lt;artifactId&gt;spri...
【Spring Boot】使用Websocket实现点对点通信
xunming的专栏
10-24 676
1，Spring Boot系列20 Spring Websocket实现向指定的用户发送消息 2，spring websocket 使用@SendToUser 3，springboot集成websocket点对点推送、广播推送 4，Spring Boot整合WebSocket及Spring Security实例 5，websocket配合spring-security使用token认证 6，springboot中通过stomp方式来处理websocket及token权限鉴权相关 7，spring secur
WebSocket是实现消息推送
qq_36975405的博客
09-19 381
一、项目介绍 用springboot实现服务端（后台）想前端发送消息通知 二、项目背景 假设有一个用户前往医院找专家看病的场景，一个专家对应多个用户，当第一个用户看病结束后通知第二用户前往房间， 传统的模式都是服务端发起请求，服务端响应请求，返回数据给我客户端。考虑到 socket是一个全双工的协议，既可以是客户端也 可以是服务端，于是选择...
websocket服务器后端推送消息到前端以及如何推送到前端指定的某个用户
weixin_39166924的博客
10-27 4099
举个例子： 用户A和用户B进入直播系统之后 我们需要将所有的直播列表展示出来 当B用户新创建了直播间后A用户界面自动更新无需刷新； 传统做法 js当中定时任务： const ws = new WebSocket("ws://192.168.1.168:8008/cast"); ws.onopen=function(){ console.log("链接服务器"); ...
WebSocket+SpringBoot消息主动推送
houxian1103的博客
05-14 1509
概 述 通常在web前端通知客户的时候，一种方式是通过Http/Https轮询来实现，另外一种方式是通过WebSocket 这种轻量Tcp连接来实现，我们这边介绍的就是消息推送。 Http+WebSocket 原理解析 方案的实现 前端实现webSocket 的方式如下两种方式仅供参考： 第一种一种是使用sockjs。 第二种是使用h5的标准。使用Html5标准自然更方便简单，所以记录的是配合h5的使用方法。 前端代码 index.html <!DOCTYPE html> <html
SpringBoot + WebSocket 实现信息发送
qq_50438358的博客
10-29 2359
WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 适用场景:弹幕、定时系统信息、聊天等 1、依赖导入 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-sta
springboot2.0整合websocket 服务器主动推送数据到前端
06-24
### 回答1： Spring Boot 2.0 是一套快速开发框架，其中包含了 WebSocket 模块，能够轻松地集成 WebSocket，实现服务端主动向前端推送数据。 首先，在pom.xml文件中引入Spring Boot的Starter Websocket依赖： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> 然后，在Spring Boot的启动类上使用@EnableWebSocket注解开启 WebSocket： @SpringBootApplication @EnableWebSocket public class MyApp { public static void main(String[] args) { SpringApplication.run(MyApp.class, args); } } 接着，编写一个 WebSocketEndpoint 类用于处理 WebSocket 连接和消息的收发： @Component public class WebSocketEndpoint implements WebSocketHandler { private static final List<WebSocketSession> SESSIONS = new CopyOnWriteArrayList<>(); @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { SESSIONS.add(session); } @Override public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception { // 接收到消息 } @Override public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception { SESSIONS.remove(session); } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception { SESSIONS.remove(session); } @Override public boolean supportsPartialMessages() { return false; } // 服务器向前端推送消息 public static void sendMessage(String message) throws IOException { for (WebSocketSession session : SESSIONS) { if (session.isOpen()) { session.sendMessage(new TextMessage(message)); } } } } 最后，当服务端需要向前端推送数据时，可以调用 WebSocketEndpoint 中的 sendMessage 方法： WebSocketEndpoint.sendMessage("Hello, websocket!"); 前端则需要开启 WebSocket 连接，并在 onmessage 方法中接收服务端推送的数据： var socket = new WebSocket("ws://localhost:8080/websocket"); socket.onmessage = function(event) { var data = event.data; // 处理服务端推送的数据 }; 总之，Spring Boot 2.0 整合 WebSocket 实现服务端主动向前端推送数据非常简单，只需要几行代码即可实现。 ### 回答2： Spring Boot 2.0 提供了与 WebSocket 相关的依赖和注解，可以方便地实现与前端的实时通信。下面介绍如何使用 Spring Boot 2.0 整合 WebSocket 实现服务器主动推送数据到前端。 首先，在 pom.xml 文件中添加以下依赖： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> ``` 然后，创建一个 WebSocket 配置类，使用 `@EnableWebSocket` 注解启用 WebSocket： ``` @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(myWebSocketHandler(), "/websocket").setAllowedOrigins("*"); } @Bean public WebSocketHandler myWebSocketHandler() { return new MyWebSocketHandler(); } } ``` 其中 `MyWebSocketHandler` 是自己实现的 WebSocket 消息处理类，可以在其中实现处理客户端发送过来的消息以及向客户端发送消息的逻辑。 下面是 `MyWebSocketHandler` 的一个示例： ``` public class MyWebSocketHandler extends TextWebSocketHandler { private Set<WebSocketSession> sessions = new CopyOnWriteArraySet<>(); @Override public void afterConnectionEstablished(WebSocketSession session) { sessions.add(session); } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus status) { sessions.remove(session); } @Override protected void handleTextMessage(WebSocketSession session, TextMessage message) { // 处理客户端发送过来的消息 } public void pushMessage(String message) { for (WebSocketSession session : sessions) { try { session.sendMessage(new TextMessage(message)); } catch (IOException e) { // 发送消息失败 } } } } ``` 在 `pushMessage` 方法中，可以遍历所有连接的客户端会话，向它们发送消息。 最后，在需要推送数据的地方，注入 `MyWebSocketHandler`，调用 `pushMessage` 方法即可： ``` @Autowired private MyWebSocketHandler webSocketHandler; public void sendData() { // 处理数据 webSocketHandler.pushMessage(data); } ``` 至此，我们就成功地在 Spring Boot 2.0 中整合了 WebSocket，并实现了服务器主动向前端推送数据的功能。 ### 回答3： 随着现代web应用的流行，实时数据交换变得越来越重要，而websocket作为实时双向通信的技术，成为了重要的实时数据传输协议。Spring Boot2.0整合websocket可以让我们通过服务器主动向前端推送数据，实现实时数据交换，满足现代web应用的高实时性需求。 WebSocket是一种基于HTTP协议的双向通信协议，在通信过程中，浏览器和服务器相互发送数据，实现实时数据交互。Spring Boot2.0已经内置了对WebSocket协议的支持，通过使用Spring WebSocket API可以很容易地配置WebSocket端点和处理程序。 服务器端可通过定义一个WebSocketConfig的配置类，配置WebSocket的Endpoint和Handler，并注册到拦截器链中，如下所示： @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(webSocketHandler(), "/ws").addInterceptors(new HttpSessionHandshakeInterceptor()); } @Bean public WebSocketHandler webSocketHandler() { return new MyWebSocketHandler(); } } 在MyWebSocketHandler中，通过实现WebSocketHandler接口的handleMessage方法，可以处理客户端发送来的消息。如下所示： public class MyWebSocketHandler implements WebSocketHandler { @Override public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception { //处理客户端发送来的消息 } } 服务器端推送消息到前端，可以通过WebSocketSession的sendMessage方法实现，如下所示： session.sendMessage(new TextMessage("Hello,World!")); 客户端需要使用WebSocket API接收服务器推送来的数据，并处理数据，如下所示： var socket = new WebSocket("ws://localhost:8080/ws"); socket.onmessage = function(event) { //处理服务器推送过来的数据 }; 综上所述，Spring Boot2.0整合websocket可以通过配置WebSocket的Endpoint和Handler，在服务器端主动向前端推送数据，实现实时数据交换。对于现代web应用的高实时性需求，该技术具有重要意义。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值