SignalR Core的JS客户端能否监听Hub端OnDisconnected事件？

核心结论 #

SignalR Core JavaScript客户端不存在直接对应服务端OnDisconnected事件的监听接口。onClose事件在页面刷新、页面离开等场景下不触发属于浏览器的固有特性：页面卸载时JavaScript执行上下文会被立即销毁，异步的onClose回调没有执行窗口。

不同场景的实现方案 #

• 非页面卸载导致的连接断开（如网络波动、服务端主动踢下线、客户端主动调用stop()方法）
  直接使用官方onClose事件即可满足需求，示例代码如下：

  const connection = new signalR.HubConnectionBuilder()
    .withUrl("/your-hub-endpoint")
    .build();
  
  connection.onClose((error) => {
    // 此处执行自定义断开逻辑
    console.log("连接断开，错误信息：", error);
  });
  

• 页面刷新、离开等卸载场景的断开处理
  监听浏览器原生的beforeunload事件，在该事件中执行同步的自定义操作。注意该事件中不支持执行异步逻辑，仅可处理同步短耗时操作：

  window.addEventListener('beforeunload', () => {
    // 此处执行需要在页面卸载前完成的同步操作
    // 例如清理本地临时存储、上报用户离开状态等
  });
  

  如果业务逻辑必须在服务端OnDisconnected执行完成后触发，只能通过以下两种方式实现：

  1. 服务端OnDisconnected方法中向该用户的其他在线客户端推送事件通知，由其他端执行对应操作
  2. 业务侧自行实现用户在线状态轮询接口，由其他关联端轮询状态后触发对应操作

注意：页面卸载后原客户端的执行环境已销毁，不可能在原页面客户端上收到服务端OnDisconnected触发的任何通知。

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