Blazor Server应用能否支持多认证？如何无冲突配置Google、Facebook及OpenID？

完全可以无冲突实现多种外部认证方式，Blazor Server依托ASP.NET Core Identity体系，原生支持同时配置多个外部身份提供商，各认证方案独立运行、互不干扰。以下是具体实现步骤：

1. 准备各平台认证凭据 #

• Google：保留你已有的Client ID和Client Secret，确保有效
• Facebook：前往Facebook开发者平台创建应用，获取App ID和App Secret，配置重定向URL为https://<你的域名>/signin-facebook（本地测试用https://localhost:<端口>/signin-facebook）
• OpenID：根据目标提供商（如Azure AD、Okta等），获取Authority地址、Client ID和Client Secret，重定向URL配置为https://<你的域名>/signin-oidc

2. 安装必要NuGet包 #

除已有的Microsoft.AspNetCore.Authentication.Google，额外安装：

• Microsoft.AspNetCore.Authentication.Facebook
• Microsoft.AspNetCore.Authentication.OpenIdConnect

可通过.NET CLI执行：

dotnet add package Microsoft.AspNetCore.Authentication.Facebook
dotnet add package Microsoft.AspNetCore.Authentication.OpenIdConnect

3. 在Program.cs中配置多认证方案 #

在builder.Services.AddAuthentication()后，链式添加三种认证配置：

Google认证（保留现有代码） #

builder.Services.AddAuthentication()
    .AddGoogle(options =>
    {
        options.ClientId = builder.Configuration["Authentication:Google:ClientId"];
        options.ClientSecret = builder.Configuration["Authentication:Google:ClientSecret"];
    })

添加Facebook认证 #

.AddFacebook(options =>
    {
        options.AppId = builder.Configuration["Authentication:Facebook:AppId"];
        options.AppSecret = builder.Configuration["Authentication:Facebook:AppSecret"];
        // 可选：自定义回调路径（默认/signin-facebook）
        // options.CallbackPath = "/signin-facebook-custom";
    })

添加OpenID Connect认证 #

.AddOpenIdConnect("OpenID", options =>
    {
        options.Authority = builder.Configuration["Authentication:OpenID:Authority"];
        options.ClientId = builder.Configuration["Authentication:OpenID:ClientId"];
        options.ClientSecret = builder.Configuration["Authentication:OpenID:ClientSecret"];
        options.ResponseType = "code";
        options.SaveTokens = true;
        // 可选：配置需要获取的用户声明
        options.Scope.Add("profile");
        options.Scope.Add("email");
    });

注：OpenID的方案名称（第一个参数"OpenID"）可自定义，需与前端调用时的参数对应。

4. 配置appsettings.json #

在配置文件中补充各认证凭据：

"Authentication": {
  "Google": {
    "ClientId": "你的Google Client ID",
    "ClientSecret": "你的Google Client Secret"
  },
  "Facebook": {
    "AppId": "你的Facebook App ID",
    "AppSecret": "你的Facebook App Secret"
  },
  "OpenID": {
    "Authority": "你的OpenID提供商地址，如https://login.microsoftonline.com/租户ID/v2.0",
    "ClientId": "你的OpenID Client ID",
    "ClientSecret": "你的OpenID Client Secret"
  }
}

5. 前端登录界面添加对应按钮 #

在登录组件（如LoginDisplay.razor）中添加三个认证选项按钮，指定对应认证方案：

@inject NavigationManager NavigationManager

<button class="btn btn-primary m-1" @onclick="() => Login("Google")">Google登录</button>
<button class="btn btn-primary m-1" @onclick="() => Login("Facebook")">Facebook登录</button>
<button class="btn btn-primary m-1" @onclick="() => Login("OpenID")">OpenID登录</button>

@code {
    private void Login(string scheme)
    {
        var returnUrl = NavigationManager.ToBaseRelativePath(NavigationManager.Uri);
        NavigationManager.NavigateTo($"Identity/Account/Login?ReturnUrl={Uri.EscapeDataString(returnUrl)}&scheme={scheme}");
    }
}

6. 无冲突性验证 #

三种认证方案由ASP.NET Core根据前端传入的scheme参数分别调用对应中间件，彼此独立。用户登录后，身份信息统一由ASP.NET Core Identity管理，可通过User对象直接获取用户声明，无需区分来源提供商。

注意事项 #

• 确保各平台重定向URL与应用地址完全匹配（含HTTP/HTTPS、端口）
• 本地测试需启用HTTPS（Blazor Server默认模板已配置）
• 不同OpenID提供商的ResponseType、Scope要求可能有差异，需参考对应文档调整

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