ASP.NET Core SignalR同Hub多端点Blazor多路摄像头流最优方案问询

首先明确你的核心诉求是最大化复用组件、减少重复代码，同时保证服务端可以精准推送对应摄像头的帧数据到指定客户端，推荐采用单Hub+分组推送的方案，这也是SignalR针对这类多主题推送场景的官方标准实现，具体方案如下：

实现步骤 #

• 服务端仅保留一个Hub端点映射，无需配置多路径：

app.UseEndpoints(endpoints => {
    endpoints.MapRazorPages();
    endpoints.MapControllers();
    endpoints.MapFallbackToFile("index.html");
    // 仅需一个通用Hub端点
    endpoints.MapHub<CameraLiveModeHub>("/cameraLiveHub");
});

• 扩展Hub的连接逻辑，客户端建立连接时传入需要订阅的摄像头ID（可以通过Query参数传递，也可以连接建立后调用订阅方法传递），将对应连接加入对应摄像头的SignalR分组：

public override async Task OnConnectedAsync()
{
    var cameraId = Context.GetHttpContext().Request.Query["cameraId"].ToString();
    if(!string.IsNullOrEmpty(cameraId))
    {
        // 将当前连接加入对应摄像头的分组
        await Groups.AddToGroupAsync(Context.ConnectionId, $"CameraStream_{cameraId}");
    }
    await base.OnConnectedAsync();
}

• 服务端推送帧数据时，直接向对应摄像头的分组推送即可，只有订阅了该路摄像头的客户端会收到数据：

// 推送第0路摄像头帧数据的示例
await _hubContext.Clients.Group("CameraStream_0").SendAsync("ReceiveFrame", frameData);

方案优势 #

1. 完全满足你的组件复用需求：SingleCameraLive组件仅需接收cameraId作为入参，内部封装指定cameraId的Hub连接、帧接收逻辑即可，不管是多摄像头列表页嵌入4个实例，还是单摄像头聚焦页嵌入1个实例，都可以100%复用组件，无需额外适配。
2. 没有重复代码：全程仅需维护一个Hub类，不需要编写多个逻辑完全相同的Hub子类，也不需要维护复杂的多端点配置。
3. 性能更优：SignalR的分组是原生轻量级实现，底层已经做了大量优化，比多Hub、多端点的方案开销低得多，也不需要自己实现多路分发逻辑，减少自定义代码的BUG风险。

如果确实要沿用你最初的多端点思路，也可以通过继承空Hub子类的方式实现：定义4个空类继承CameraLiveModeHub，分别映射到4个不同的端点，每个端点对应一个独立的IHubContext<T>，推送时用对应子类的HubContext即可，但该方案会产生大量冗余空类，维护成本更高，不推荐使用。

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