Calling Javascript method from Controller in SignalR with MVC 5

Question

I'm trying to implement SignalR into a simple MVC 5 project. I've worked through this tutorial and it works, but I'm now trying to call a hub method from a separate controller.

I have a view called Generate.cshtml, with this markup and Javascript:

<script type="text/javascript">    
    $(function() {
        var myHub = $.connection.ContosoChatHub;

        myHub.client.writeMessageToScreen = function(message) {
            $('#messages').append(message);
        };               
    });
</script>

<input type="text" id="msg" />
<input type="button" id="broadcast" value="broadcast" />

<ul id="messages" class="round">
</ul>

the hub class is

[HubName("ContosoChatHub")]
public class ContosoChatHub : Hub
{
    public void NewContosoChatMessage(string message)
    {
        Clients.All.NewMessage(message);
    }
}

and then in my controller, I want to call the writeMessageToScreen method - either calling it directly, or via the hub class.

I've read that I can call the Javascript method directly

    public ActionResult Generate()
    {
        var context = GlobalHost.ConnectionManager.GetHubContext<ContosoChatHub>();

        context.Clients.All.writeMessageToScreen("Test");

        return View();
    }

But this isn't working and nothing is written to screen.. It isn't throwing any errors either, it just isn't doing.. anything.

Does anyone have any ideas what's going on? Is there a better way to call Hub methods from a Controller?

I don't see any calls to $.connection.hub.start(). Is there one? SignalR Hubs API Guide - JavaScript Client — halter73
– halter73, Commented May 23, 2014 at 19:09

Mir Gulam Sarwar · Accepted Answer · 2014-05-27 14:36:03Z

1

You didn't start the connection Update:

In you hub class

public class ContosoChatHub : Hub
{
    public static NewContosoChatMessage(string message)
    {
     var notifyContext = GlobalHost.ConnectionManager.GetHubContext<ContosoChatHub >();
        notifyContext.Clients.All.NewMessage(message);
    }
}

then in you controller

public ActionResult Generate()
    {
        ContosoChatHub.NewContosoChatMessage("Test");

        return View();
    }
$(function() {
        var myHub = $.connection.ContosoChatHub;
        $.connection.hub.start();
        myHub.client.writeMessageToScreen = function(message) {
            $('#messages').append(message);
        };               
    });

This should work for you

edited May 27, 2014 at 14:36

answered May 24, 2014 at 7:36

Mir Gulam Sarwar

2,6482 gold badges27 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

RamblerToning Over a year ago

I've added $.connection.hub.start().done(function () { myHub.server.runMe(); }); and this executes a 'runMe()' function in my ConosotoChatHub class fine, that all seems to work. But the method in my Controller class still doesn't work, it still doesn't execute the writeMessageToScreen method.

RamblerToning Over a year ago

I get an error in the hub class, that 'Cannot access non-static property 'Clients' in static context'. I don't think I can make the Hub method static.

Collectives™ on Stack Overflow

Calling Javascript method from Controller in SignalR with MVC 5

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related