ASP.NET MVC应用中如何通过SignalR检测网络/浏览器关闭导致的断开？

我之前在ASP.NET MVC项目里用SignalR做用户在线追踪时，也遇到过这个问题——SignalR本身不会直接告诉你断开是网络崩了还是用户关了浏览器，不过我们可以通过几个间接手段来区分，下面是我整理的实用方案：

1. 用客户端beforeunload事件主动上报“主动断开” #

当用户正常关闭浏览器、刷新页面或者导航到其他网站时，浏览器会触发beforeunload事件，这时候我们可以在客户端主动给服务器发一个消息，明确告知“我是主动断开的”。而网络故障时，这个事件根本没机会触发，服务器就能通过这个标记来区分。

客户端JS代码示例：

// 假设你的SignalR连接实例是connection
window.addEventListener('beforeunload', async function () {
    if (connection.state === signalR.HubConnectionState.Connected) {
        try {
            // 调用Hub里的方法上报断开原因
            await connection.invoke('ReportUserDisconnected', 'active_close');
        } catch (err) {
            // 这里可以忽略错误，毕竟页面都要关了
            console.error('上报断开状态失败:', err);
        }
    }
});

服务器端Hub对应的方法：

private readonly IMemoryCache _cache; // 注入缓存服务

public YourHub(IMemoryCache cache)
{
    _cache = cache;
}

public async Task ReportUserDisconnected(string reason)
{
    var userId = Context.UserIdentifier;
    // 把主动断开的标记存到缓存里，有效期设得比SignalR的断开超时稍长一点（比如40秒）
    _cache.Set($"UserDisconnect_{userId}", reason, TimeSpan.FromSeconds(40));
}

2. 在服务器OnDisconnectedAsync中结合缓存判断 #

SignalR的Hub里有个OnDisconnectedAsync方法，会在连接断开时触发。这时候我们可以先检查缓存里有没有客户端主动上报的标记：

public override async Task OnDisconnectedAsync(Exception exception)
{
    var userId = Context.UserIdentifier;
    var disconnectReason = "network_failure_or_crash";

    // 检查是否有主动断开的标记
    if (_cache.TryGetValue($"UserDisconnect_{userId}", out string reportedReason))
    {
        disconnectReason = reportedReason;
        _cache.Remove($"UserDisconnect_{userId}");
    }
    else if (exception != null)
    {
        // 如果有异常，大概率是网络错误或者连接异常
        disconnectReason = $"exception: {exception.Message}";
    }

    // 这里就可以根据disconnectReason来处理用户状态了
    // 比如更新数据库里的用户在线状态，记录断开原因等
    await UpdateUserOnlineStatus(userId, false, disconnectReason);

    await base.OnDisconnectedAsync(exception);
}

3. 借助客户端onclose事件辅助判断 #

客户端的onclose回调会在连接断开时触发，它可以拿到一个error参数：

• 如果是网络故障、服务器重启、连接异常导致的断开，这个error会有值，里面包含错误信息；
• 如果是主动调用connection.stop()或者页面正常关闭，error通常是undefined或者null。

示例代码：

connection.onclose(function (error) {
    if (error) {
        console.log('被动断开（网络故障/连接错误）:', error.message);
    } else {
        console.log('主动断开（浏览器关闭/调用stop）');
    }
});

不过要注意，页面关闭时的onclose可能因为页面卸载太快，不一定能准确触发，所以还是要结合beforeunload的主动上报更可靠。

4. 结合重连行为进一步验证 #

网络故障时，SignalR客户端默认会自动尝试重连；而用户关闭浏览器后，客户端不会再发起重连请求。所以我们可以在服务器端跟踪用户的连接记录：

• 如果断开后几分钟内用户重新连接了，说明之前是网络波动；
• 如果一直没重连，结合之前的主动上报标记，就可以确定是用户主动关闭了浏览器。

总结 #

SignalR没有提供直接返回断开原因的API，但通过客户端主动上报+服务器缓存校验+断开事件异常判断+重连行为跟踪这几个组合手段，就能比较准确地区分「主动断开（浏览器关闭/导航）」和「被动断开（网络故障/客户端崩溃）」这两类场景了。

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