javascript - SignalR 和 WebAPI

Question

我想向网页发送通知，该网页是客户端WebAPI。所以，我有 2 个解决方案，Asp.Net MVC 应用程序和 WebAPI 应用程序。我已将 SignalR nuget 添加到两者中。 WebAPI 部分具有以下代码:

public class ProgressHub : Hub
{
    public void Notification(string message)
    {
        Clients.Caller.onProgressNotification(message);
    }
}


private void SendMessage(string message)
{
    var context = Microsoft.AspNet.SignalR
        .GlobalHost.ConnectionManager.GetHubContext<Hubs.ProgressHub>();
    context.Clients.All.onProgressNotification(message);
}

然后从我的 Controller 操作调用它:

public async Task<IHttpActionResult> ZonalPost()
{
    SendMessage("Start");
    // my long operation
    SendMessage("Scan complete");
    // my long operation
    SendMessage("Convert complete");
    // my long operation

在我的网络应用程序(客户端部分)中:

<script src="~/Scripts/jquery.signalR-2.2.2.min.js"></script>
<script src="~/signalr/hubs"></script>
<script>
    $(function () {
        var progress = $.connection.progressHub;

        progress.client.onProgressNotification = function (message) {
            console.log(message);
        };
    });

但我收到一个错误

430 Uncaught TypeError: Cannot read property 'client' of undefined

为什么以及如何解决？

Answer 1

您可能需要使用如下内容:

$(function () {
    $.connection.hub.url = '<yourbackendurl>';
    var connection = $.hubConnection();
    var progress = connection.createHubProxy('progressHub');
    progress.on('onProgressNotification', function(message) {
        console.log(message);
    });
    connection.start()
        .done(function(){ console.log('Now connected, connection ID=' + connection.id); })
        .fail(function(){ console.log('Could not connect'); });
});

请参阅 using SignalR without the generated proxy 上的文档。请注意，如果您要连接到不同的服务器，您还需要指定服务器 URL。