'How to determine server disconnection from SignalR client?

How can a SignalR JavaScript client detect when a connection with the server is lost?

Solution 1:^[1]

The provided answers will no longer work. This is the new way to stop/disconnect connections.

myHub.stop().then(() => {
  alert('Server has disconnected');
});

Solution 2:^[2]

A hub has a method disconnect which will allow you to add a callback when disconnection takes place:

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

If you aren't using hubs then the code for the disconnect method will help you out:

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

This shows the syntax for hooking onto the onDisconnect event of the underlying connection.

Solution 3:^[3]

If you are using hubs then implement the IDisconnect interface.

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

On persistent connections you can override OnDisconnectAsync, (from the SignalR wiki at https://github.com/SignalR/SignalR/wiki/PersistentConnection )

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

Solution 4:^[4]

This worked for me using "@aspnet/signalr": "^1.0.0" npm package

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

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

Solution 5:^[5]

The SignalR 2.0 way of doing this is like so:

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

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

Solution 6:^[6]

Starting with SignalR v0.5.1 it works this way:

$.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!");
    }
});

For more details check this website:

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

Solution 7:^[7]

The below, worked for me:

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

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

I'm using version: 2.1.2

See the following link for reference: Link

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Alireza
Solution 2	MrBilde
Solution 3	MatteKarla
Solution 4	Ross Jones
Solution 5	gholmes
Solution 6	bp74
Solution 7	martinmose

'How to determine server disconnection from SignalR client?

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Solution 7:[7]