Spring boot+VUE+websocket 实现消息推送

最新推荐文章于 2024-08-22 15:58:16 发布

weixin_33950035

最新推荐文章于 2024-08-22 15:58:16 发布

阅读量1w

点赞数 6

文章标签：网络 javascript java ViewUI

原文链接：https://my.oschina.net/openplus/blog/3046258

版权

本文介绍了如何使用Spring Boot后端结合Vue前端实现消息推送功能，通过WebSocket替代轮询机制，实现管理员创建消息时，登录用户能即时接收提醒。详细讲述了Spring Boot的配置、实现类及Vue的实现部分，并提供了测试效果和注意事项。

摘要由CSDN通过智能技术生成

2019独角兽企业重金招聘Python工程师标准>>>

背景：

最近涉及消息通知功能，在管理员创建发送消息时，登陆用户可以实时接收到新增消息的提醒，避免频繁刷新，通过websocket取代轮询setInterval。

Spring boot部分：
POM.xml

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

新建配置类：

package io.xcc.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;

@Configuration
public class WebSocketConfig {
     /**
     * 注入ServerEndpointExporter，
     * 这个bean会自动注册使用了@ServerEndpoint注解声明的Websocket endpoint
     */
    @Bean
    public ServerEndpointExporter serverEndpointExporter() {
        return new ServerEndpointExporter();
    }
    
}