Spring Boot webSocket学习总结快速搭建websocket

最新推荐文章于 2024-04-13 05:11:26 发布

CodeRemote

最新推荐文章于 2024-04-13 05:11:26 发布

阅读量214

点赞数

文章标签： java websocket socket

本文链接：https://blog.csdn.net/qq_43813937/article/details/103869391

版权

Spring Boot webSocket学习总结快速搭建websocket

spring boot websocketConfiguration配置

/**
 *
 * 配置WebSocket
 * 注释@EnableWebSocketMessageBroker开始使用STOMP协议来传输基于代理（message broker）的消息
 */
@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {

/**
 *  注册STOMP协议的节点（socket），并映射的对应的URL。
 */
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        registry.addEndpoint("/socket")//添加链接端点
        		.setAllowedOrigins("*")//设置websocket跨域
        		.withSockJS();
    }

 /**
 *  配置消息代理（Message Broker）
 */
    @Override
    public void configureMessageBroker(MessageBrokerRegistry registry) {
        registry.enableSimpleBroker("/server","/user");//设置连接点，可自定义
		registry.setApplicationDestinationPrefixes("/app");//设置连接前缀，可有可无
		//假设消息代理有前缀 则连接服务器地址前缀为/app/server
		//否则，连接地址前缀为/server
    }

}

消息推送配置

@Configuration
public class WebSocketConfiguration {
    @Autowired
    private SimpMessagingTemplate simpMessagingTemplate;

    /**
     * 服务端推送消息
     * @param destination 目的地地址  例：/server/sendMessageByServer
     * @param message  消息
     */
    public void sendMessage() {
        simpMessagingTemplate.convertAndSend("/server/sendMessageByServer", "message");
    }


    /**
     * 后台一对一推送
     * @param id "1" 用户id
     * @param destination /sendMessageByServer 服务端发送时目的地地址
     * @param message 消息
     */
    public  void sendQueueMessage() {
        simpMessagingTemplate.convertAndSendToUser("1","/sendMessageByServer","message");
    }
}

配置Browser端

服务端推送消息

<script>
    var sockJS = new SockJS("http://localhost:8088/socket");
    var stompClient = Stomp.over(sockJS);
    stompClient.connect({},function (data) {
        stompClient.subscribe("/server/sendMessageByServer",function (response) {
             console.log(response);  // msg.body存放的是服务端发送给我们的信息
        })
    })
</script>

后台一对一推送消息

<script>
    var sockJS = new SockJS("http://localhost:8088/socket");
    var stompClient = Stomp.over(sockJS);
    stompClient.connect({},function (data) {
        stompClient.subscribe("/user/"+id+"/sendMessageByServer",function (response) {
            console.log(response);  // msg.body存放的是服务端发送给我们的信息
        })
    })
</script>