javascript - 如何确定与 SignalR 客户端的服务器断开连接？

Question

SignalR JavaScript 客户端如何检测与服务器的连接何时丢失？

Answer 1

集线器有一个方法disconnect，允许您在断开连接时添加回调：

myHub.disconnect(function() {
  alert('Server has disconnected');
});

如果您不使用集线器，则断开方法的代码将为您提供帮助：

$(connection).bind("onDisconnect", function (e, data) {
  callback.call(connection);
});

这显示了挂钩到底层连接的 onDisconnect 事件的语法。

Answer 2

如果您使用集线器，则实现 IDisconnect 接口。

public class ChatHub : Hub, IDisconnect
{
    public void Disconnect()
    {
        Debug.WriteLine(Context.ConnectionId + " disconnected");
    }
}

在持久连接上，您可以覆盖 OnDisconnectAsync，（来自https://github.com/SignalR/SignalR/wiki/PersistentConnection的 SignalR wiki ）

public class MyEndPoint : PersistentConnection 
{
    protected override Task OnDisconnectAsync(string clientId) 
    {
        return Connection.Broadcast("Client " + clientId + " disconncted");   
    }
}

Answer 3

这对我使用"@aspnet/signalr": "^1.0.0"npm 包有用

const connection = new signalr.HubConnectionBuilder()
    .withUrl('url')
    .configureLogging(signalr.LogLevel.Information)
    .build()

connection.onclose(() => {
   // close logic goes here
})

Answer 4

SignalR 2.0 的做法是这样的：

$.connection.hub.disconnected(function () {
    console.log('Connection disconnected')
});

http://www.asp.net/signalr/overview/signalr-20/hubs-api/hubs-api-guide-javascript-client#connectionlifetime

Answer 5

从 SignalR v0.5.1 开始，它以这种方式工作：

$.connection.hub.stateChanged(function (change) {
    if (change.newState === $.signalR.connectionState.reconnecting) {
        console.log("liveFeed is reconnecting!");
    }
    else if (change.newState === $.signalR.connectionState.connected) {
        console.log("liveFeed is connected!");
    }
});

有关更多详细信息，请查看此网站：

http://weblogs.asp.net/davidfowler/archive/2012/06/10/signalr-0-5-1-released.aspx

Answer 6

下面，为我工作：

var connection = $.hubConnection('signalrConnectionUrl');

connection.disconnected(function() {
    console.log('Connection disconnected');
});

我正在使用版本：2.1.2

请参阅以下链接以供参考：链接