Springboot 集成 WebSocket

i余数

已于 2022-07-29 21:30:35 修改

阅读量528

点赞数

分类专栏： Spring 文章标签： websocket spring boot 网络协议

于 2022-07-29 14:06:55 首次发布

本文链接：https://blog.csdn.net/justyuze/article/details/126054469

版权

Spring 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

一、加入依赖

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


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

二、自定义 Handler

package com.iyushu.websocket.handler;

import lombok.extern.slf4j.Slf4j;
import org.springframework.web.socket.TextMessage;
import org.springframework.web.socket.WebSocketSession;
import org.springframework.web.socket.handler.TextWebSocketHandler;

@Slf4j
public class MyHandler extends TextWebSocketHandler {
    @Override
    protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {

        String payload = message.getPayload();
        log.info("我接收到的消息：{}", payload);
        String rtnMsg = "我回复了";
        for(int i = 0; i < 10; i ++){
            Thread.sleep(2000);
            session.sendMessage(new TextMessage(rtnMsg + i));
        }
        super.handleTextMessage(session, message);
    }
}

三、新建配置类，并将第二步新增的handler 注册到websocket

package com.iyushu.websocket.config;

import com.iyushu.websocket.handler.MyHandler;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.config.annotation.EnableWebSocket;
import org.springframework.web.socket.config.annotation.WebSocketConfigurer;
import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;

@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {
    @Override
    public void registerWebSocketHandlers(WebSocketHandlerRegistry webSocketHandlerRegistry) {
        webSocketHandlerRegistry.addHandler(myHandler(), "/websocket");
    }


    @Bean
    public MyHandler myHandler() {
        return new MyHandler();
    }
}

四、新建一个index.html页面，其中使用js发送和接收websocket数据

<body>
<div id="msg"></div>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
    var socket = new WebSocket("ws://localhost:8080/websocket");
    socket.onopen = function() {
        socket.send("发送数据");
        console.log("数据发送中...");
    };
    socket.onmessage = function (evt){
        var received_msg = evt.data;
        $("#msg").append(received_msg+'
');
        console.log("数据已接收..."+received_msg);
    };


    socket.onclose = function(){
        // 关闭 websocket
        console.log("连接已关闭...");
    };
</script>
</body>

五、新增一个访问地址，映射到index.html

@GetMapping("/index")
public String index(){
    return "index";
}

六、呈现效果

Springboot 集成 WebSocket

i余数

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Springboot 集成 WebSocket

Springboot 集成 WebSocket
复制链接

扫一扫

专栏目录

Springboot 集成 WebSocket

一、加入依赖

二、自定义 Handler

三、新建配置类，并将第二步新增的handler 注册到websocket

四、新建一个index.html页面，其中使用js发送和接收websocket数据

五、新增一个访问地址，映射到index.html

六、呈现效果

“相关推荐”对你有帮助么？