从客户端连接到 SignalR 服务器

Question

我今天有一个 web 服务器充当 SignalR 服务器，其中来自 JS 的连接进入正确的集线器并得到正确处理。

注册并启动 JS 端的示例

hub = $.connection.webRTCHub;
$.connection.hub.qs = "type=pusher";

$.connection.hub.start().done(function () {
     connectionId = $.connection.hub.id;
     log("Connected with id ", $.connection.hub.id);
});

当尝试使用 C# SignalR 客户端 Nuget 包连接到此 SignalR 服务器时，我得到连接，也没有得到正确的连接 ID，因为没有触发集线器，但我认为我没有连接到正确的连接 ID发送到客户端的 rest。

我正在使用 SignalR 的跟踪日志，它显示连接，并显示 ID 正在连接。 下面是来自 C# 客户端的连接代码

connection = new HubConnection("http://localhost/signalr/hubs/webRTCHub");
await connection.Start();
MessageBox.Show(connection.ConnectionId);

我也试过

connection = new HubConnection("http://localhost/signalr/webRTCHub");

和

connection = new HubConnection("http://localhost/");

有人可以指出我从哪里开始的正确方向吗？

Answer 1

我在这里看不到，但是您需要为要连接的 Hub 创建一个 HubProxy。

我假设您的集线器是“webRTCHub”。

using(var connection = new HubConnection("http://localhost/"))
{
  var hubProxy = _connection.CreateHubProxy("webRTCHub");
  hubProxy.On("yourevent", () =>
  {
    _logger.Debug("Event recieved");
  });

  await _connection.Start();
}

Answer 2

确保您在应用程序启动中注册集线器的路线，例如，如果您使用 .NET 核心：

 app.UseSignalR(routes =>
 {
     routes.MapHub<webRTCHubHub>("/signalr/hubs/webRTCHub");
 });

虽然 class webRTCHub应该看起来像这样：

public class webRTCHub : Hub
{
    public async Task SendNotification(string userId, string message)
    {
        await Clients.User(userId).SendAsync("ReceiveNotification", "You have a new message: " + message);
    }
    public override async Task OnConnectedAsync()
    {
        await base.OnConnectedAsync();
    }
    public override async Task OnDisconnectedAsync(Exception exception)
    {
        await base.OnDisconnectedAsync(exception);
    }
}

对于js端：

"use strict";

var connection;

connection = new signalR.HubConnectionBuilder()
    .withUrl('http://localhost/signalr/hubs/webRTCHub')
    .build();

connection.on('ReceiveNotification', (message) => {
   // show the message maybe
})

connection.start().catch(function (err) {
   return console.error(err.toString())
});

connection.on('finished',(update)=>{
   connection.stop();
});

要将消息从客户端发送回服务器，您还应该在 class 中创建一个方法并从脚本中调用它

更新：包和服务

对于ASP.NET ：

NuGet 封装：

Microsoft.AspNet.SignalR

Application_Start中的映射路由

RouteTable.Routes.MapHubs("/signalr/hubs/webRTCHub", new webRTCHub());

对于.NET 核心：

确保安装以下 package 并在ConfigureServices中添加 SignalR

Microsoft.AspNetCore.SignalR

public void ConfigureServices(IServiceCollection services)
{
   // ...
   services.AddSignalR();
   // ...
}

Answer 3

我猜您还没有创建任何自定义路由来处理 signalr 请求。 You should initialize the HubConnection object without any url which will initialize the url of the connection object to "/signalr" as a default value.

connection = new HubConnection("");

要不就

connection = new HubConnection();

Answer 4

由于您使用的是 .NET FW 而不是 .NET Core，因此您应该在服务器上配置集线器，如下所示：

在您的启动时：

public void Configuration(IAppBuilder app)
{
    //Branch the pipeline here for requests that start with "/signalr"
    app.Map("/signalr", map =>
   {
       map.UseCors(CorsOptions.AllowAll);
       var hubConfiguration = new HubConfiguration { };
       map.RunSignalR(hubConfiguration);
   });
}

您使用的 package：

Microsoft.AspNet.SignalR；

微软.Owin；

然后在客户端对于 FW 和 Core 是相同的，只需指向您的集线器。