Blazor 服务器与 Signalr - 通过第三方验证用户 OAuth

Question

我正在开发一个 Blazor 服务器应用程序，该应用程序通过 Spotify 通过第三方 OAuth 进行身份验证。

services.AddAuthentication()
    .AddSpotify(options =>
    {
        options.ClientId = config.Spotify.ClientId;
        options.ClientSecret = config.Spotify.ClientSecret;

用户能够正确登录并创建帐户。 我已将其配置为保存 spotify access_token 以供以后使用，因此我可以查询该用户的 spotify API。

ExternalLogin.cshtml.cs

await _signInManager.UpdateExternalAuthenticationTokensAsync(info);

现在，除了通过 Blazor 服务器功能使用 SignalR 之外，我还在当前用户的“前端”页面上使用 SignalR 客户端连接到我的服务器。

app.UseEndpoints(endpoints =>
{
    endpoints.MapControllers();
    endpoints.MapBlazorHub();
    endpoints.MapFallbackToPage("/_Host");
    endpoints.MapHub<HostHub>("/hubs/host");
});

因此，当用户导航到Hub.razor中需要服务器的页面时：

@inject HubConnectionProvider HubProvider

    public async Task StartHub()
    {
        try
        {
            Hub = HubProvider.GetHostHub();
            Hub.On<TrackStatus>(nameof(ISpotiFollowerContract.SetTrack), SetTrack);
            await Hub.StartAsync();

            await JoinGroupAsync();
...

//HubConnectionProvider.cs
    public HubConnection GetHostHub()
    {
        string baseUrl = _navMan.BaseUri;
        var hubUrl = baseUrl.TrimEnd('/') + "/hubs/host";
        return new HubConnectionBuilder()
            .WithUrl(hubUrl, options =>
            {
                //my question lies here
                options.AccessTokenProvider = () => Task.FromResult(_currentUserService.GetAccessToken());
            })
            .Build();
    }

我遇到的问题是，即使用户通过了 Blazor 应用程序的身份验证，我也无法在我的HostHub.cs中通过身份验证来获取用户：

        public async Task JoinGroup(string userId)
        {
            //Name comes through as null, Identity has no claims, etc.
            var name = Context.User.Identity.Name;

我尝试为HubConnectionBuilder > options.AccessTokenProvider提供一个值，但我不确定应该提供哪个访问代码。 由于我通过第三方令牌对我的用户进行身份验证，我应该提供我为用户存储的 Spotify access_token，还是应该为我的应用程序生成一个令牌，我发送该令牌以对我的HostHub我的用户进行身份验证连接到？

我已经尝试发送 Spotify 访问令牌，但仍然没有对我的用户提出任何要求。 我需要做些什么来允许我的应用基于此令牌进行身份验证吗？ 我已经尝试为我的应用程序为已经登录的用户生成访问令牌，但还没有找到这样做的方法。 如果这是我需要做的，我该如何生成这个令牌？

Answer 1

我将它与针对 Identity Server 4 或 AzureAD 进行身份验证的集线器一起使用。

hubConnection = new HubConnectionBuilder()
    .WithUrl(uri, options => {
        options.AccessTokenProvider = async () => {
            var accessTokenResult = await accessTokenProvider.RequestAccessToken();
            accessTokenResult.TryGetToken(out var accessToken);
            var token = accessToken.Value;
            return token;
        };                    
    })
    .WithAutomaticReconnect()
    .Build();

services.AddAuthentication()
    .AddMicrosoftAccount(options =>
    {
        options.ClientId = microsoftAccount.ClientId;
        options.ClientSecret = microsoftAccount.ClientSecret;
        options.SignInScheme = microsoftAccount.SignInScheme;
    });

[Authorize]
public class MessageServiceHub : Hub
{
    ...

Answer 2

您需要将Authorize属性添加到集线器。

Blazor 服务器应用程序主要是服务器端 ASP.NET 核心应用程序，并使用相同的身份验证机制。 SingalR 的行为方式与任何其他 ASP.NET 核心应用程序的行为方式相同。 ASP.NET Core SignalR 文档页面中的身份验证和授权中的授权用户访问集线器和集线器方法部分解释说：

默认情况下，集线器中的所有方法都可以由未经身份验证的用户调用。 要要求身份验证，请将 Authorize 属性应用于集线器