springboot中websocket的使用

最新推荐文章于 2025-07-08 22:00:00 发布

原创最新推荐文章于 2025-07-08 22:00:00 发布 · 511 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Java #websocket

本文介绍了一种基于WebSocket协议的客户端和服务端实现方案。客户端采用JavaScript进行连接判断及消息处理，服务端则通过Java实现了连接管理和消息广播功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

客户端

<script>
var websocket = null;
if('websocket' in window){
websocket = new WebSocket('ws://');
}else {
alert('浏览器不支持websocket')
}

websocket.onopen = function (ev) {
console.log('websocket打开');
}

websocket.onclose = function (ev) {
console.log('websocket关闭');
}
    
websocket.onmessage = function (ev) {
console.log('收到websocket新消息' + ev.data);
//处理消息
}

websocket.onerror = function (ev) {
console.log('websocket出错');
}

window.onbeforereunload = function () {
websocket.close();
}

</script>

服务端

1.引入依赖

2.编写配置文件WebsocketConfig.java

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

3.编写controller类WebSocket.java

private Session session;
    private static CopyOnWriteArraySet<WebSocket> copyOnWriteArraySet = newCopyOnWriteArraySet<>();
@OnOpen
public void onOpen (Session session) {
    this.session = session;
    copyOnWriteArraySet.add(this);
    log.info("【webSocket消息】 有新的连接，连接总数：{}",copyOnWriteArraySet.size());
}

@OnClose
public void onClose () {
    copyOnWriteArraySet.remove(this);
    log.info("【webSocket消息】 关闭连接，连接总数：{}",copyOnWriteArraySet.size());
}

@OnMessage
public void onMessage (String message) {
    log.info("【webSocket消息】 有新的信息，信息内容：{}",message);
}

public void sendMessage (String message){
    for(WebSocket websocket : copyOnWriteArraySet){
            log.info("【webSocket消息】 发送信息，信息内容：{}",message);
        try {
            websocket.session.getBasicRemote().sendText(message);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

以上为websocket的基础调用，在控制层调用sendMessage方法即可向前台页面推送消息。

但是编写配置文件WebsocketConfig.java 之后使用测试类进行测试方法会报错，暂时不知道原因。