如何限制用户仅能监听SignalR中授权的事件？

针对你的需求，要阻止未授权用户监听特定事件并给出提示，可以从后端权限校验和前后端配合两个层面来实现，以下是具体方案：

后端（ASP.NET SignalR）实现 #

方案1：连接时分组，发送消息仅推送给授权组 #

通过在用户连接时根据权限分配不同分组，发送消息时只推送给有权限的分组，同时给无权限用户发送错误提示：

1. 重写OnConnectedAsync，根据用户授权状态加入对应分组：

public class ChatHub : Hub
{
    public override async Task OnConnectedAsync()
    {
        // 根据用户是否授权，加入不同分组
        if (Context.User.Identity.IsAuthenticated)
        {
            await Groups.AddToGroupAsync(Context.ConnectionId, "AuthorizedChatUsers");
        }
        else
        {
            await Groups.AddToGroupAsync(Context.ConnectionId, "UnauthorizedUsers");
        }
        await base.OnConnectedAsync();
    }

    [Authorize]
    public async Task SendMessage(string user, string message)
    {
        // 仅给授权用户推送消息
        await Clients.Group("AuthorizedChatUsers").SendAsync("ReceiveMessage", user, message);
        
        // 给未授权用户发送禁止监听的提示
        await Clients.Group("UnauthorizedUsers").SendAsync("ListenError", "you aren't allowed to listen to this event.");
    }
}

方案2：主动校验监听请求，动态控制权限 #

让前端先发起监听权限请求，后端验证后决定是否允许其接收事件：

1. 后端添加权限校验方法，并维护有权限的客户端分组：

public class ChatHub : Hub
{
    // 前端请求监听ReceiveMessage事件时调用
    public async Task RequestListenPermission()
    {
        if (!Context.User.Identity.IsAuthenticated)
        {
            // 给当前客户端发送错误提示
            await Clients.Caller.SendAsync("ListenError", "you aren't allowed to listen to this event.");
            return;
        }
        // 允许监听，加入授权分组
        await Groups.AddToGroupAsync(Context.ConnectionId, "ReceiveMessageListeners");
    }

    [Authorize]
    public async Task SendMessage(string user, string message)
    {
        // 仅推送给有权限的监听者
        await Clients.Group("ReceiveMessageListeners").SendAsync("ReceiveMessage", user, message);
    }
}

前端（Angular）配合实现 #

对应方案2，前端需要先请求监听权限，再根据结果决定是否绑定事件监听：

async initChatHub() {
    this.hubConnection = new signalR.HubConnectionBuilder()
        .withUrl('/chatHub')
        .build();

    // 监听后端返回的错误提示
    this.hubConnection.on('ListenError', (errorMsg: string) => {
        alert(errorMsg); // 替换成你项目中的提示组件
    });

    try {
        await this.hubConnection.start();
        
        // 先请求监听权限
        await this.hubConnection.invoke('RequestListenPermission');
        
        // 权限通过后，绑定消息监听
        this.hubConnection.on('ReceiveMessage', (data: SomeData) => {
            this.SomeDataSub.next(data);
        });
    } catch (err) {
        console.error('Hub连接或权限请求失败:', err);
    }
}

补充说明 #

• 如果需要更细粒度的权限（比如基于角色），可以用Context.User.IsInRole("YourRole")替换身份验证判断，或者在[Authorize]特性中指定角色（如[Authorize(Roles = "ChatAdmin")]）。
• 若完全不允许未授权用户连接Hub，直接在Hub类上添加[Authorize]特性即可，这样未授权用户连连接都无法建立。

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