无法连接Azure SignalR Hub，请求返回403 Forbidden错误求助

核心疑问解答 #

客户端必须连接Azure App Service（Web App）的URL，不能直接连Azure SignalR Service的Endpoint。原因是：当你在服务器端使用AddAzureSignalR()时，Web App会作为SignalR的中转节点，客户端先与Web App的Hub端点建立连接，再由Web App引导到Azure SignalR Service。直接访问SignalR Service的Endpoint会因缺少服务器端的验证逻辑触发403禁止错误，这就是你当前遇到的问题。

403错误的修复步骤 #

1. 修改前端连接地址 #

把前端代码中的SignalR Service URL替换为你的Web App URL：

_hubConnection = new HubConnectionBuilder()
    .WithUrl("https://你的WebApp名称.azurewebsites.net/chathub")
    .Build();

2. 验证服务器端连接字符串 #

确保你使用的Azure SignalR连接字符串是完整且正确的：

• 从Azure Portal的SignalR Service资源中，复制密钥页面里的完整连接字符串（包含Endpoint和AccessKey）
• 建议不要硬编码连接字符串，改用配置文件读取更安全：
  在appsettings.json中添加：

  {
    "AzureSignalRConnectionString": "Endpoint=https://signalrchatest.service.signalr.net;AccessKey=xxxx;"
  }
  

  然后修改program.cs：

  builder.Services.AddSignalR().AddAzureSignalR(builder.Configuration["AzureSignalRConnectionString"]);
  

3. 配置CORS（跨域场景） #

如果你的前端运行在本地或其他域名下，需要在Web App中配置CORS规则，允许前端域名访问：
在program.cs中添加CORS服务和中间件：

// 添加CORS服务
builder.Services.AddCors(options =>
{
    options.AddPolicy("SignalRCorsPolicy", policy =>
    {
        policy.WithOrigins("http://localhost:5173") // 替换为你的前端实际域名
              .AllowAnyHeader()
              .AllowAnyMethod()
              .AllowCredentials();
    });
});

var app = builder.Build();

// 在UseRouting之后、UseStaticFiles之前添加CORS中间件
app.UseRouting();
app.UseCors("SignalRCorsPolicy");
app.UseStaticFiles();
// ... 其他中间件
app.MapHub<ChatHub>("/chathub");
app.Run();

4. 检查Azure SignalR服务模式 #

确认你的Azure SignalR Service的服务模式是Default（默认模式），因为AddAzureSignalR()适配的是Default模式。如果是Serverless模式，需要调整服务器端和客户端的连接逻辑。

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