java消息推送怎么实现_springboot整合websocket实现一对一消息推送和广播消息推送...

最新推荐文章于 2024-07-01 11:42:04 发布
最新推荐文章于 2024-07-01 11:42:04 发布
阅读量549 收藏
点赞数
文章标签： java消息推送怎么实现 js 链接websocket马上断开 springboot websocket springboot整合websocket tcpserver广播发送数据给所有client 消息推送已读未读怎么实现
b4ed66838e0b08b62135e369f8db4b7c.png
springboot基础环境

请参考springboot文档

maven依赖
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-websocketartifactId>
        dependency>
代码准备
准备常量类
    //webSocket相关配置
    //链接地址
    public static String WEBSOCKETPATHPERFIX = "/ws-push";
    public static String WEBSOCKETPATH = "/endpointWisely";
    //消息代理路径
    public static String WEBSOCKETBROADCASTPATH = "/topic";
    //前端发送给服务端请求地址
    public static final String FORETOSERVERPATH = "/welcome";
    //服务端生产地址,客户端订阅此地址以接收服务端生产的消息
    public static final String PRODUCERPATH = "/topic/getResponse";
    //点对点消息推送地址前缀
    public static final String P2PPUSHBASEPATH = "/user";
    //点对点消息推送地址后缀,最后的地址为/user/用户识别码/msg
    public static final String P2PPUSHPATH = "/msg";
接收前端消息实体
public class WiselyMessage {
    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}
后台发送消息实体
private String responseMessage;

    public WiselyResponse(String responseMessage){
        this.responseMessage = responseMessage;
    }

    public String getResponseMessage() {
        return responseMessage;
    }

    public void setResponseMessage(String responseMessage) {
        this.responseMessage = responseMessage;
    }
配置websocket
@Configuration
// @EnableWebSocketMessageBroker注解用于开启使用STOMP协议来传输基于代理(MessageBroker)的消息，这时候控制器(controller)
// 开始支持@MessageMapping,就像是使用@requestMapping一样。
@EnableWebSocketMessageBroker
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

    @Override
    public void registerStompEndpoints(StompEndpointRegistry stompEndpointRegistry) {
        //注册一个Stomp的节点(endpoint),并指定使用SockJS协议。
        stompEndpointRegistry.addEndpoint(Constant.WEBSOCKETPATH).withSockJS();
    }

    @Override
    public void configureMessageBroker(MessageBrokerRegistry registry) {
        //服务端发送消息给客户端的域,多个用逗号隔开
        registry.enableSimpleBroker(Constant.WEBSOCKETBROADCASTPATH, Constant.P2PPUSHBASEPATH);
        //定义一对一推送的时候前缀
        registry.setUserDestinationPrefix(Constant.P2PPUSHBASEPATH);
        //定义websoket前缀
        registry.setApplicationDestinationPrefixes(Constant.WEBSOCKETPATHPERFIX);
    }
}
service
@Service
public class WebSocketService {

    @Autowired
    private SimpMessagingTemplate template;

    /**
     * 广播
     * 发给所有在线用户
     *
     * @param msg
     */
    public void sendMsg(WiselyResponse msg) {
        template.convertAndSend(Constant.PRODUCERPATH, msg);
    }

    /**
     * 发送给指定用户
     * @param users
     * @param msg
     */
    public void send2Users(List users, WiselyResponse msg) {
        users.forEach(userName -> {
            template.convertAndSendToUser(userName, Constant.P2PPUSHPATH, msg);
        });
    }
}
控制器
@Controller
public class WsController {

    @Resource
    WebSocketService webSocketService;

    @MessageMapping(Constant.FORETOSERVERPATH)//@MessageMapping和@RequestMapping功能类似，用于设置URL映射地址，浏览器向服务器发起请求，需要通过该地址。
    @SendTo(Constant.PRODUCERPATH)//如果服务器接受到了消息，就会对订阅了@SendTo括号中的地址传送消息。
    public WiselyResponse say(WiselyMessage message) throws Exception {
        List users = Lists.newArrayList();
        users.add("d892bf12bf7d11e793b69c5c8e6f60fb");//此处写死只是为了方便测试,此值需要对应页面中订阅个人消息的userId
        webSocketService.send2Users(users, new WiselyResponse("admin hello"));return new WiselyResponse("Welcome, " + message.getName() + "!");
    }
}
页面
html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>Spring Boot+WebSocket+广播式title>

head>
<body onload="disconnect()">
<noscript><h2 style="color: #ff0000">貌似你的浏览器不支持websocketh2>noscript>
<div>
    <div>
        <button id="connect" onclick="connect();">连接button>
        <button id="disconnect" disabled="disabled" onclick="disconnect();">断开连接button>
    div>
    <div id="conversationDiv">
        <label>输入你的名字label><input type="text" id="name" />
        <button id="sendName" onclick="sendName();">发送button>
        <p id="response">p>
        <p id="response1">p>
    div>
div>

<script src="https://cdn.bootcss.com/sockjs-client/1.1.4/sockjs.min.js">script>
<script src="https://cdn.bootcss.com/stomp.js/2.3.3/stomp.min.js">script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js">script>
<script th:inline="javascript">var stompClient = null;//此值有服务端传递给前端,实现方式没有要求var userId = [[${userId}]];function setConnected(connected) {document.getElementById('connect').disabled = connected;document.getElementById('disconnect').disabled = !connected;document.getElementById('conversationDiv').style.visibility = connected ? 'visible' : 'hidden';
        $('#response').html();
    }function connect() {var socket = new SockJS('/endpointWisely'); //1连接SockJS的endpoint是“endpointWisely”，与后台代码中注册的endpoint要一样。
        stompClient = Stomp.over(socket);//2创建STOMP协议的webSocket客户端。
        stompClient.connect({}, function(frame) {//3连接webSocket的服务端。
            setConnected(true);console.log('开始进行连接Connected: ' + frame);//4通过stompClient.subscribe()订阅服务器的目标是'/topic/getResponse'发送过来的地址，与@SendTo中的地址对应。
            stompClient.subscribe('/topic/getResponse', function(respnose){
                showResponse(JSON.parse(respnose.body).responseMessage);
            });//4通过stompClient.subscribe()订阅服务器的目标是'/user/' + userId + '/msg'接收一对一的推送消息,其中userId由服务端传递过来,用于表示唯一的用户,通过此值将消息精确推送给一个用户
            stompClient.subscribe('/user/' + userId + '/msg', function(respnose){console.log(respnose);
                showResponse1(JSON.parse(respnose.body).responseMessage);
            });
        });
    }function disconnect() {if (stompClient != null) {
            stompClient.disconnect();
        }
        setConnected(false);console.log("Disconnected");
    }function sendName() {var name = $('#name').val();//通过stompClient.send()向地址为"/welcome"的服务器地址发起请求，与@MessageMapping里的地址对应。因为我们配置了registry.setApplicationDestinationPrefixes(Constant.WEBSOCKETPATHPERFIX);所以需要增加前缀/ws-push/
        stompClient.send("/ws-push/welcome", {}, JSON.stringify({ 'name': name }));
    }function showResponse(message) {var response = $("#response");
        response.html(message);
    }function showResponse1(message) {var response = $("#response1");
        response.html(message);
    }script>
body>
html>
测试

3399028e83a3b7e0254d2c5eb1910425.png

点击连接控制台输出

49f054ebbb8f903c34d971def03778dc.png

表示连接成功并且订阅了两个地址

21792c223da46c955951410b9ba68c43.png

此时在文本框内输入任意值，结果如图所示则代表成功

f0e6235722e075dd19d8fca330057376.png

6317ff99f6f0f740d464b9fee54f210a.png

控制台中显示依次为,发送信息,目标长度内容

09236a6f236e10e0917472fe9d69c36b.png

此时服务端控制器接收到请求

9f357b19f74821039697010f5657fde5.png

同时给指定用户发送了消息,所以控制台接收到消息

b76cc1470ab62cb785627e8b3da01723.png

同时因为控制器有注解@SendTo所以会向@SendTo的地址广播消息,客户端订阅了广播地址所有控制台显示接收了消息

2cf50eb03b7d699064464a93b03d3bc2.png

扩展阅读

Spring Boot教你一种方法生成全局唯一ID

Spring Boot 配置随机数那些小技巧

RabbitMQ之消息确认机制(事务+Confirm)

分布式服务(RPC)+分布式消息队列(MQ)面试题精选

为什么要进行URL编码

作者：kunm

来源：https://segmentfault.com/a/1190000011908831

8083903aec390e298920b97a34759d69.png

weixin_39535557
关注
SpringBoot+WebSocket+Netty实现消息推送的示例代码
08-19
在本文中，我们将深入探讨如何使用SpringBoot、WebSocket和Netty来实现消息推送功能。首先，让我们了解一下这三个组件的关键概念。 SpringBoot是一个流行的Java框架，它简化了Spring应用程序的开发，提供了快速启动...
【Websocket 第二篇】问题解惑
令狐少侠的博客
09-08 1009
当触发Endpoint各个生命周期事件时，Tomcat会将当前Session作为参数传给Endpoint的回调方法，因此一个Endpoint实例对应一个Session，在这里Session的本质是对Socket的封装，Endpoint通过它与浏览器通信。Endpoint是一个Java对象，代表WebSocket连接的一端，就好像处理HTTP请求的Servlet一样，你可以把它看作是处理WebSocket消息的接口。网络上的两个端点通过一个双向链路进行连接通信，这个双向链路的一端称为一个 Socket。
SpringBoot+WebSocket实现简单的一对一web聊天
Crazy_young_man的博客
04-26 5296
前言 最近项目中要实现客服系统，其实网上有很多的服务商提供这种接口，但最终决定使用SpringBoot+WebSocket的方式实现。 下面我的项目的结构是使用SpringBoot+Nginx实现的前后端分离的，但是这个不重要，这里只是提出来。 SpringBoot和Nginx我就不在这里多说了，网上有很多教程。过几天我也会专门写几篇文章记录一下。 1. 后台代码 在pom.xml中添加sprin...
Springboot整合websocket实现一对一消息推送和广播消息推送
2401_84093248的博客
04-04 1030
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
WebSocket整理
两米以下皆凡人的博客
12-16 2953
文章目录1、WebSocket1.1、介绍1.2、对比HTTP协议1.3、协议头1.4、客户端（浏览器）实现1.3.1、WebSocket对象1.3.2、WebSocket事件1.3.3、WebSocket方法1.5、服务端实现2、聊天室应用练习2.1、注入ServerEndpointExporter2.2、会话连接池2.3、处理WebSocket消息接口2.4、前端页面 1、WebSocket 1.1、介绍 WebSocket是一种网络通信协议，是HTML5开始提供的一种在单个TCP连接上进行全双工通讯
SpringBoot WebSocket客户端与服务端一对一收发信息
生产队的驴
02-09 1154
123456为用户ID。
JAVA整合WebSocket实现服务器消息推送(项目源码).zip
06-19
JAVA整合WebSocket实现服务器消息推送(项目源码) （1）将Database文件夹中的扩展名为db_netExam_Data.MDF和db_netExam_Log.LDF的两个文件拷贝到SQL Server安装路径下的Data文件夹中。 （2）打开SQL Server 2005中的...
SpringMVC整合websocket实现消息推送及触发功能
08-27
SpringMVC整合websocket实现消息推送及触发功能 SpringMVC是一种流行的基于Java的Web应用程序框架，而websocket是一种实时通信协议，用于实现实时的双向通信。本文将详细介绍如何使用SpringMVC与websocket实现消息...
springboot集成websocket实现消息的主动推送
12-20
本教程将详细介绍如何利用Spring Boot集成WebSocket，实现消息的主动推送，包括一对一的消息传递和广播给所有在线用户。 首先，我们需要在Spring Boot项目中添加WebSocket相关的依赖。在`pom.xml`文件中，引入`...
java WebSocket实现聊天消息推送功能
08-27
Java WebSocket实现聊天消息推送功能可以分为三个部分：WebSocket协议的基本概念、Java WebSocket API的使用和实现聊天消息推送功能的关键技术点。通过使用Java WebSocket API和处理WebSocket消息，我们可以实现聊天...
websocket
m0_46199937的博客
04-21 2865
参考案例
WebSocket
热门推荐
qq_54773998的博客
03-31 18万+
目录 一，什么是websocket 二，websocket的原理 三，websocket与http的关系 四，websocket解决的问题 1.http存在的问题 2.long poll(长轮询) 3.Ajax轮询 4.websocket的改进 一，什么是websocket WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议） 它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的 Websocket是一个
Springboot + websocket 实现 一对一 单人聊天
射手座的程序媛的专栏
01-14 1044
websocket 简单聊天
Spring Boot——WebSocket（广播式）
码小菜（SunShuo）的先生的博客
03-28 653
什么是WebSocket WebSocket 为 浏览器 和 服务 端 提供 了 双工 异步 通信 的 功能， 即 浏览器 可以向 服务 端 发送 消息， 服务 端 也可以 向 浏览器 发送 消息。 WebSocket 需 浏览器 的 支持， 如 IE 10+、 Chrome 13+、 Firefox 6+， 这对 我们 现在 的 浏览器 来说 都不 是 问题。 WebSocket 是 通过 一个...
websocket （@ServerEndpoint）基本使用指南
最新发布
墨鸦的博客
07-01 1万+
websocket （@ServerEndpoint）基本使用指南
SpringBoot整合 websocket 实现群聊，点对点聊天
z_ssyy的博客
06-02 2323
第三、传统的http请求，其并发能力都是依赖同时发起多个TCP连接访问服务器实现的(因此并发数受限于浏览器允许的并发连接数)，而websocket则允许我们在一条ws连接上同时并发多个请求，即在A请求发出后A响应还未到达，就可以继续发出B请求。第四、http协议的头部太大，且每个请求携带的几百上千字节的头部大部分是重复的，很多时候可能响应都远没有请求中的header空间大。第一步：导入websocket的依赖。
spring boot Websocket 简单实用总结
coding_1994的博客
07-14 181
本文只作为个人笔记，大部分代码是引用其他人的文章的。 在springboot项目中使用websocket做推送，虽然挺简单的，但初学也踩过几个坑，特此记录。 　　使用websocket有两种方式：1是使用sockjs，2是使用h5的标准。使用Html5标准自然更方便简单，所以记录的是配合h5的使用方法。 1、pom 　　核心是@ServerEndpoint这个注解。这个注解是Javaee标...
WebSocket+SpringBoot消息主动推送
houxian1103的博客
05-14 1538
概 述 通常在web前端通知客户的时候，一种方式是通过Http/Https轮询来实现，另外一种方式是通过WebSocket 这种轻量Tcp连接来实现，我们这边介绍的就是消息推送。 Http+WebSocket 原理解析 方案的实现 前端实现webSocket 的方式如下两种方式仅供参考： 第一种一种是使用sockjs。 第二种是使用h5的标准。使用Html5标准自然更方便简单，所以记录的是配合h5的使用方法。 前端代码 index.html <!DOCTYPE html> <html
spring boot webSocket (一) 广播
weixin_33814685的博客
05-27 263
2019独角兽企业重金招聘Python工程师标准>>> ...
java vue消息推送_springboot 整合websocket实现消息推送（nginx、vue）
05-25
实现消息推送的关键是要使用 WebSocket 技术。WebSocket 是一种基于 TCP 的协议，它提供了双向通信的功能，使得服务器可以主动向客户端推送消息。 下面是使用 Spring Boot 整合 WebSocket 实现消息推送的步骤： 1. 添加依赖 在 pom.xml 文件中添加 Spring WebSocket 的依赖： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> ``` 2. 创建 WebSocket 配置类 创建一个 WebSocketConfig 类，注入 ServerEndpointExporter 对象，使得 Spring Boot 自动配置 WebSocket 的相关类： ```java @Configuration public class WebSocketConfig { @Bean public ServerEndpointExporter serverEndpointExporter() { return new ServerEndpointExporter(); } } ``` 3. 创建 WebSocket 处理类 创建一个 WebSocketHandler 类，使用 @ServerEndpoint 注解标识该类为 WebSocket 处理类，并实现 onOpen、onClose、onMessage 和 onError 四个方法： ```java @ServerEndpoint("/websocket") @Component public class WebSocketHandler { private static CopyOnWriteArraySet<WebSocketHandler> webSocketSet = new CopyOnWriteArraySet<>(); private Session session; @OnOpen public void onOpen(Session session) { this.session = session; webSocketSet.add(this); } @OnClose public void onClose() { webSocketSet.remove(this); } @OnMessage public void onMessage(String message) { // 处理客户端发来的消息 } @OnError public void onError(Throwable error) { error.printStackTrace(); } } ``` 其中，@ServerEndpoint("/websocket") 注解表示 WebSocket 的访问路径。 4. 客户端连接 在客户端页面中，使用 JavaScript 创建 WebSocket 对象，并指定连接地址： ```javascript let websocket = new WebSocket("ws://localhost:8080/websocket"); ``` 5. 服务端推送消息 在 WebSocketHandler 类中，可以通过调用所有 WebSocketHandler 对象的 session 对象，向客户端推送消息： ```java webSocketSet.forEach(handler -> { try { handler.session.getBasicRemote().sendText(message); } catch (Exception e) { e.printStackTrace(); } }); ``` 6. 配置 Nginx 如果需要使用 Nginx 进行反向代理，需要在 Nginx 的配置文件中添加如下配置： ```nginx location /websocket { proxy_pass http://localhost:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgrade"; } ``` 7. 在 Vue 中接收消息 在 Vue 中，可以通过监听 WebSocket 的 onmessage 事件，来接收 WebSocket 服务器推送的消息： ```javascript websocket.onmessage = function(event) { let message = event.data; // 处理推送的消息 }; ``` 至此，Spring Boot 和 Vue 的 WebSocket 消息推送就实现了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值