如何从其他端口的API等后台服务调用SignalR JavaScript客户端

问题排查与解决方法 #

1. 跨API服务的配置缺失

你单独部署的其他API服务必须和SignalR Hub所在服务使用完全一致的Azure SignalR配置：

• 安装相同版本的Microsoft.Azure.SignalR NuGet包
• 在API服务的Startup/Program.cs中也要添加配置：

services.AddSignalR().AddAzureSignalR("和Hub服务完全相同的Azure SignalR连接字符串");

如果两个服务连的不是同一个Azure SignalR实例，消息会发不到客户端。

2. 客户端回调参数不匹配

你定义的BroadcastMessage方法有2个入参，但是JS客户端的回调只接收1个参数，会导致SignalR触发回调失败：
修改JS代码：

connection.on("BroadcastMessage", function (name, message) {
  // 这里对应两个入参，分别拿到"RefreshDetails"和"test"
  console.log(name, message);
});

3. 客户端连接路径错误

你的SignalR Hub服务和API服务端口不同，JS里写的相对路径/my会默认拼接当前页面所在的服务域名端口，导致连错服务：
修改为SignalR Hub服务的完整绝对路径，同时注意配置Hub服务的CORS规则允许前端域名跨域请求：

var connection = new signalR.HubConnectionBuilder()
  .withUrl("https://<你的SignalR Hub服务地址>/my")
  .withAutomaticReconnect()
  .configureLogging(signalR.LogLevel.Debug) // 开启调试日志排查连接问题
  .build();

4. 额外排查点

• 确认Azure SignalR实例的服务模式为Default，如果是Serverless模式无法通过IHubContext推送消息
• 可以先替换为非强类型调用测试，排除强类型映射问题：

hubContext.Clients.All.SendAsync("BroadcastMessage", "RefreshDetails", "test");

内容的提问来源于stack exchange，提问作者Komal