如何阻止Blazor SignalR流量走Azure SignalR？

你的思路是否存在偏差？ #

你的思路没有偏差。Blazor Server的核心通信依赖内置的ComponentHub，所有UI交互（比如按钮点击、表单输入、组件状态同步等）都会通过这个Hub传输消息。当你将全局SignalR服务接入Azure SignalR时，这些高频的UI交互消息都会经过Azure服务转发，确实会产生超出业务需求的消息量，进而增加流量成本，这个顾虑完全合理。

如何仅指定特定Hub连接到Azure SignalR？ #

可以通过配置Azure SignalR的服务选项，排除Blazor内置的ComponentHub，让它继续使用本地SignalR，仅让你的自定义业务Hub接入Azure SignalR，具体配置步骤如下：

配置步骤（Program.cs） #

using Microsoft.AspNetCore.SignalR;
using Microsoft.AspNetCore.Components.Server.Circuits; // ComponentHub的命名空间

var builder = WebApplication.CreateBuilder(args);

// 注册Blazor Server基础服务
builder.Services.AddRazorPages();
builder.Services.AddServerSideBlazor();

// 配置SignalR并接入Azure SignalR，排除ComponentHub
builder.Services.AddSignalR()
    .AddAzureSignalR(options =>
    {
        // 排除Blazor内置的ComponentHub，使其使用本地SignalR
        options.ExcludeHub<ComponentHub>();
        // 配置Azure SignalR连接字符串（从配置文件读取）
        options.ConnectionString = builder.Configuration["Azure:SignalR:ConnectionString"];
    });

// 注册你的自定义业务Hub（按需添加）
// builder.Services.AddScoped<MyCustomBusinessHub>();

var app = builder.Build();

// 配置HTTP请求管道
if (!app.Environment.IsDevelopment())
{
    app.UseExceptionHandler("/Error");
    app.UseHsts();
}

app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();

// 映射Blazor的ComponentHub（自动使用本地SignalR）
app.MapBlazorHub();
// 映射你的自定义业务Hub（自动使用Azure SignalR）
app.MapHub<MyCustomBusinessHub>("/custombusinesshub");

app.MapFallbackToPage("/_Host");

app.Run();

效果验证 #

部署完成后，通过Azure实时监控可以看到：

• ComponentHub的消息不再经过Azure SignalR服务，不会产生额外的Azure流量成本
• 只有你的自定义业务Hub的消息会通过Azure SignalR传输，满足业务的实时通信需求

额外优化建议 #

如果不需要自定义Hub，只是想降低Blazor Server的SignalR流量，可以优化组件交互逻辑：

• 减少不必要的组件状态同步，仅在必要时触发跨SignalR的状态更新
• 使用@bind:after语法延迟同步，合并高频交互的消息
• 采用本地状态管理（比如StateContainer）减少跨SignalR的消息传输

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