Signal R client javascript funtion not being called nor executed

[oghaleetomu]

I am currently developing a web application using asp.net MVC and asp.net boilerplate framework. Recently I just tried implementing real time updates using Signal R 2.2.1, But my callbacks on my JavaScript client are not been called nor executed. I don't know where I have gone wrong, please how do I get my client callback to be excited. Thanks, Below are my code.

My Signal R hub

public class WallHub : Hub, ITransientDependency
{
     public async Task WallInit()
     {
         var wallItems = await ItemManager.GetAllItemsAsync();
         Clients.Caller.ItemListInitialized(wallItems);
     }
}

My JavaScript Code

$(function () {
    var wallHubProxy = $.connection.wallHub;
    wallHubProxy.client.itemListInitialized = function (itemLsts) {
    console.log(itemLsts);
  };

$.connection.hub.start()
       .done(function () {
            wallHubProxy.server.wallInit();
       })
       .fail(function () {
            console.log("Could Not Connect");
       });
});

and my owin startup

        //Enable the use of signal R
        var hubConfiguration = new HubConfiguration();
        hubConfiguration.EnableDetailedErrors = true;
        app.MapSignalR(hubConfiguration);`

Currently using the version 1.4.2

[BoeseB]

Hi dablaz,
I had a similar Problem with SignalR and ABP two years ago. My Methods in Javascript weren't called.
The Problem was with the dependency resolver. See the answer on Stackoverflow for details. Maybe this helps you find the solution to your Problem.

[hikalkan]

Have you followed the documentation: http://www.aspnetboilerplate.com/Pages/Documents/SignalR-Integration

I'm asking this since you are using $.connection.hub.start() to connect to the server which should not be done since abp.signalr.js is already doing it.

I ask you to follow the documentation and implement your feature step by step to understand which step you have a problem.

Also, Abp writes some logs to the browser console like Connected to SignalR server and Registered to the SignalR server. Do you see these logs? I suggest you to remove your code, see these logs and add your hub and scripts step by step.

[oghaleetomu]

@hikalkan I already did follow the documentation still did not work

[hikalkan]

So, can you describe on what step you get which error? I can not help for "just does not works" because "it just works" for me :)

[oghaleetomu]

@hikalkan My Client Methods on my javascripts are not been called.

[hikalkan]

Is it connecting to signalr?
Can you make same code working without ABP?

Or, can you just create a new template from http://www.aspnetboilerplate.com/Templates and add your simplified code to see it if works. If not works then share the project. It would be easier for me to investigate if there is a problem.

[oghaleetomu]

Still having the issue of my client callback not working, and am not getting any errors

[chrisb92]

I've been having this issue too. I think I may have narrowed it down to abp.signalr.js connecting to the server before the client side events have been established. It seems you need to call $.connection.hub.start() after you have set up your events. I'm guessing it is so that it can do some bindings.

If I set abp.signalr.autoConnect = false and then manually call abp.signalr.connect() at the end of my controller, all clients start receiving calls from the server as expected.

[easyest]

Same problem here. Although I am using an old 4.8.1 ABP, I have the same problem - abp.signalr.connect() needs to be called manually AFTER I bind to hub methods.
Ms guide at https://learn.microsoft.com/en-us/aspnet/signalr/overview/guide-to-the-api/hubs-api-guide-javascript-client:

Add the event handler before you call the start method to establish the connection. (If you want to add event handlers after calling the start method, see the note in How to establish a connection earlier in this document, and use the syntax shown for defining a method without using the generated proxy.)

So, that is indeed true - connect should be made AFTER adding all event handlers. Unfortunately this is still mentioned nowhere in the documents. Please mention, that You need to get the hub in another way (maybe this is only for old versions of ABP, but hey, this problem took me almost a complete working day to find out):

var connection = $.hubConnection();
var contosoChatHubProxy = connection.createHubProxy('contosoChatHub');
contosoChatHubProxy.on('addContosoChatMessageToPage', function(userName, message) {
    console.log(userName + ' ' + message);
});
connection.start()
    .done(function(){ console.log('Now connected, connection ID=' + connection.id); })
    .fail(function(){ console.log('Could not connect'); });

[ismcagdas]

I have added a note about this to SignalR documentation #6785