使用 KeyCloak 的 Blazor Wasm 独立身份验证答案

【问题标题】：Blazor Wasm standalone authentication with KeyCloak使用 KeyCloak 的 Blazor Wasm 独立身份验证
【发布时间】：2022-11-28 01:38:47
【问题描述】：

我有一个 Blazor Wasm 独立应用程序，我正在尝试通过 KeyCloak 使用身份验证。

当我按下登录按钮时，我被重定向到 keycloak，我使用我在 keycloak 中创建的用户登录，被重定向回应用程序，但我没有登录。

我做了什么：

创建新的 Blazor Wasm 应用程序 (.Net 6.0)，选择个人帐户作为身份验证类型，为 HTTPS 和渐进式 Web 应用程序配置复选框
在 Program.cs 中添加以下代码

    builder.Services.AddOidcAuthentication(options =>
    {
        builder.Configuration.Bind("oidc", options.ProviderOptions);
        options.ProviderOptions.DefaultScopes.Add("profile");
    });

将以下内容添加到 appsettings.json

“oidc”：{
        "权限": "https://MyAuthority",
        "ClientId": "我的客户ID",
        "RedirectUri": "https://localhost:5192",
        "响应模式": "查询",
        "ResponseType": "code" //我试过id_token
     }

在 Keycloak 中我设置了这些设置
- 有效的重定向 URI：https://localhost:5192/*
- 隐式流：开
- 客户端身份验证：关闭

我想我应该提到 keycloak 在反向代理 (traefik) 后面的容器中运行。而反向代理背后的一切都使用http。

任何正确方向的帮助或指示将不胜感激！

【问题讨论】：

标签： authentication keycloak reverse-proxy blazor-webassembly

【解决方案1】：

你有没有得到这个工作？我在使用 Keycloak 20.0.1 和 dotnet 7 时遇到了类似的问题。我确信这只是一个配置，但我在查找特定文档时遇到了麻烦，所有错误似乎都是在 blazor/wasm 端处理的，删除了任何可操作的细节。

【讨论】：