SignalR => 如何使用 jquery 订阅事件？

Question

我是 SignalR 的新手。我在下面有一个 jQuery 代码，它允许成功连接到集线器。 现在我需要订阅一个事件，比如说someEvent。我怎样才能做到这一点？根据日志的传输类型：serverSentEvents。 顺便说一句，服务器端代码对我来说是一个黑匣子，我只有事件的名称......

var hub = $.hubConnection("https://someurl/"); 

hub.logging = true;
hub.start()
    .done(function () {        
        console.log(`Connected... Hub id: ${hub.id}`);
        console.log("Transport = " + hub.transport.name);

        console.log(hub);        
    })
    .fail(function (err) {
        console.log(`Not connected: ${err}`);
    });

Answer 1

这里有几个常见的用例和示例

处理服务器方法/远程过程调用

如果你想监听addContosoChatMessageToPage的方法，你可以这样做：

var connection = $.hubConnection();
var contosoChatHubProxy = connection.createHubProxy('contosoChatHub');
contosoChatHubProxy.on('addContosoChatMessageToPage', function(name, message) {
    console.log(name + ' ' + message);
});

处理连接生命周期事件

如果您想监听像 starting 或 connectionSlow 这样的生命周期事件，您可以这样做：

$.connection.hub.connectionSlow(function () {
    console.log('We are currently experiencing difficulties with the connection.')
});

向服务器发送消息

如果您想将消息发回服务器集线器，您可以这样做：

var contosoChatHubProxy = $.connection.contosoChatHub;

$.connection.hub.start().done(function () {
    // Wire up Send button to call NewContosoChatMessage on the server.
    $('#newContosoChatMessage').click(function () {
         contosoChatHubProxy.server.newContosoChatMessage($('#displayname').val(), $('#message').val());
         $('#message').val('').focus();
     });
});

进一步阅读

查看有关使用 Hub API on the Client in Javascript 的文档 - 它们实际上非常好