WebSocket首次调用后端后无法再次触发请求的问题咨询

首先，你遇到的“首次点击有效，后续点击失效”的问题，大概率和WebSocket连接的生命周期有关，前端和后端都有可能是问题源头，我们一步步拆解：

核心可能原因 #

1. 后端主动关闭了WebSocket会话 #

这是最常见的原因。如果你的handleTextMessage方法里调用了session.close()，或者处理消息时抛出未捕获的异常导致Spring Boot自动关闭会话，那么前端的WebSocket连接会直接断开。后续点击按钮调用send()时，连接已经处于CLOSED状态，自然无法发送请求。

2. 前端未处理连接断开后的状态 #

即使后端没主动关闭，网络波动、后端重启等情况也可能导致连接意外断开。而你的前端代码没有监听连接关闭/错误事件，也没有重连逻辑，所以旧的WebSocket实例已经失效，却还在尝试用它发送消息。

3. 后端会话维护问题 #

比如你的WebSocketHandler没有正确存储会话（如果需要多客户端通信的话），或者配置有误导致会话无法持久化。

排查与修复步骤 #

第一步：检查后端代码 #

先确认后端是否在主动关闭连接：

• 打开你的WebSocketHandler类，查看handleTextMessage方法，是否有类似session.close()的代码？如果有，直接移除——WebSocket是长连接，除非业务需求明确要求一次通信后断开，否则应该保持连接。
• 给handleTextMessage加上异常捕获，避免未处理的异常导致会话被关闭：

  @Override
  protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {
      try {
          // 你的业务逻辑处理代码
          System.out.println("收到前端消息：" + message.getPayload());
          // 可以给前端回复消息，比如：
          session.sendMessage(new TextMessage("收到你的消息啦"));
      } catch (Exception e) {
          e.printStackTrace();
          // 不要随便关闭session，除非确定无法恢复
          // session.close();
      }
  }
  

• 重写handleTransportError方法，捕获传输异常，方便排查问题：

  @Override
  public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {
      System.err.println("WebSocket传输错误：" + exception.getMessage());
      // 这里可以选择是否重连，或者记录日志
  }
  

• 确认WebSocketConfigurer的配置是否正确，比如路径是否和前端的ws://localhost:8080/socket1一致：

  @Configuration
  @EnableWebSocket
  public class WebSocketConfig implements WebSocketConfigurer {
      @Override
      public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
          registry.addHandler(new YourWebSocketHandler(), "/socket1")
                  .setAllowedOrigins("*"); // 开发环境允许跨域，生产环境要指定具体域名
      }
  }
  

第二步：优化前端代码 #

给前端添加连接状态监听和重连逻辑，同时在发送前检查连接状态：

$(document).ready(function(){
    var out = document.getElementById("out");
    var websocket;

    // 创建WebSocket连接的封装函数
    function initWebSocket() {
        websocket = new WebSocket("ws://localhost:8080/socket1");

        // 接收消息
        websocket.onmessage = function(erg){
            console.log("收到后端消息：", erg.data);
            console.log("haha");
        };

        // 连接关闭时尝试重连
        websocket.onclose = function(event) {
            console.log("WebSocket连接关闭，代码：", event.code, "原因：", event.reason);
            setTimeout(initWebSocket, 3000); // 3秒后重新建立连接
        };

        // 连接出错时尝试重连
        websocket.onerror = function(error) {
            console.error("WebSocket错误：", error);
            setTimeout(initWebSocket, 3000);
        };
    }

    // 初始化连接
    initWebSocket();

    $("#start").click(function(){
        // 发送前检查连接是否处于开放状态
        if (websocket && websocket.readyState === WebSocket.OPEN) {
            websocket.send("hi server");
            console.log("消息已发送");
        } else {
            console.log("WebSocket未连接，请等待重连完成");
        }
    });
});

总结 #

先从后端排查是否主动关闭了会话，这是最可能的原因。如果后端没问题，再给前端加上连接状态管理和重连逻辑，就能解决后续点击无效的问题。不需要更换请求处理方式，AbstractWebSocketHandler完全能满足需求，只要正确维护会话即可。

内容的提问来源于stack exchange，提问作者dimilalabar