AngularJS中WebSocket自定义关闭代码无效问题求助

我之前也踩过类似的坑，在AngularJS里切换视图时关闭WebSocket，明明传了合规的关闭代码，结果拿到的CloseEvent总是1006，要区分手动关闭和服务端主动断开的需求完全没法实现，确实头疼。咱们一步步拆解问题和可行的解决方案：

为什么调用close()后总是返回1006？ #

1006这个代码代表异常关闭，本质是连接没走完正常的WebSocket关闭握手流程就被断开了。在AngularJS的视图切换场景里，常见原因有这几个：

• 调用close()的时机不对：比如在$destroy钩子中直接调用，但此时AngularJS的消化周期已经在收尾，WebSocket的关闭握手还没完成就被浏览器强制终止了。
• 没等待关闭握手完成：close()是异步操作，你可能在调用后立刻做了清理，导致连接被提前掐断。
• 浏览器/服务端限制：部分浏览器对自定义关闭代码的支持有要求，比如仅认可1000-1015的标准代码；或者服务端没正确响应客户端的关闭帧，导致握手失败。

可行的解决方案 #

1. 选对时机调用close()，并等待关闭完成 #

别在$destroy钩子直接关闭WebSocket，而是提前在视图切换的触发事件（比如$locationChangeStart）里调用，给关闭握手留足时间，同时在onclose回调里完成后续逻辑：

// 假设你的WebSocket实例挂载在$scope上
$scope.$on('$locationChangeStart', function() {
  if ($scope.ws && $scope.ws.readyState === WebSocket.OPEN) {
    // 标记这是手动关闭
    $scope.isManualClose = true;
    // 用标准代码1000保证握手正常，或用4999这类应用级自定义代码（需服务端支持）
    $scope.ws.close(4999, 'Manual close on view switch');
    
    $scope.ws.onclose = function(event) {
      // 根据标志和关闭代码判断逻辑
      if (!$scope.isManualClose && event.code !== 1000) {
        // 服务端主动关闭，触发重连
        reconnectWebSocket();
      }
      // 清理实例
      $scope.ws = null;
    };
  }
});

2. 用自定义标志替代关闭代码区分场景 #

既然关闭代码可能受环境限制拿不到预期值，不如换个更可靠的思路：手动关闭前设置一个标志，在onclose回调里先检查这个标志，再决定是否重连：

let isManualShutdown = false;

// 封装手动关闭函数
function closeWebSocket() {
  if (ws && ws.readyState === WebSocket.OPEN) {
    isManualShutdown = true;
    ws.close(1000); // 用标准代码确保握手完成
  }
}

// WebSocket的onclose回调
ws.onclose = function(event) {
  if (isManualShutdown) {
    console.log('手动关闭，无需重连');
    isManualShutdown = false; // 重置标志
  } else {
    // 服务端主动断开，执行重连逻辑
    console.log('服务端断开，启动重连');
    reconnect();
  }
};

这个方法完全不受WebSocket握手流程的影响，是目前最稳妥的区分方式。

3. 确认服务端对自定义代码的支持 #

如果一定要用自定义关闭代码（比如4999），需要确认服务端是否正确处理了客户端发送的关闭帧：

• 自定义代码要符合标准：4000-4999是应用保留的自定义代码范围，4999是合规的。
• 服务端需要响应关闭帧：如果服务端收到关闭请求后没有返回对应的关闭响应，客户端就会触发1006异常关闭。

4. 避免在视图销毁时强制清理 #

AngularJS的$destroy是视图销毁的最后一步，此时浏览器可能已经在回收资源，WebSocket的关闭握手很容易失败。尽量在视图切换的早期事件中触发关闭，给流程留足够时间。

总结 #

最稳妥的方案是自定义标志+标准关闭代码组合，既保证关闭握手正常完成，又能100%可靠地区分手动关闭和服务端断开。如果一定要用自定义代码，必须同步确认服务端的支持情况，同时选对调用时机。

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