使用 .Net Core 中的 PKCE 和 Okta 从 Swagger UI 连接 OpenID

Question

过去 4 周在调试器中绕过控制器授权后，我最终决定在我支持 Swashbuckle 的 .NetCore 5 API 中处理 OpenID Connect 身份验证。我希望我没有，因为到目前为止我已经花了将近一天的时间没有找到可行的解决方案。

这里是一个简短的回顾。

• 最近才支持 Swagger-UI 中的 OpenID Connect。我发现此信息的唯一地方是海伦对this question 的评论。 Swagger Ui 3.38.0 仅在 Swashbuckle 6.0.7 中可用。
• 升级到最新的 Swashbuckle 后，我开始在 Swagger UI 中看到一堆“已发现”的授权选项。唉，基于错误，PKCE 似乎没有被使用，即使我在 Startup.cs 中明确设置了它：

.UseSwaggerUI(c => c.OAuthUsePkce());

此外，那里的 ClientSecret 没有意义，因为 PKCE 应该替换它（实际上我没有客户端密码）。 我的问题，是否有人在 Swagger UI 中使用 OpenID Connect with PKCE 和 Okta？

Auth ErrorError，错误：invalid_client，描述：浏览器对令牌端点的请求必须使用 Proof Key 进行代码交换。

Answer 1

我最近从隐式流转为代码+pkce 流。我遇到了同样的问题。关键是配置令牌端点 url。 Swagger UI 仍会向您显示客户端凭据输入框，但您可以在授权时将其留空。

var securityDefinition = new OpenApiSecurityScheme
{
    Type = SecuritySchemeType.OAuth2,
    Scheme = "Bearer",
    In = ParameterLocation.Header,
    Name = "Authorization",
    Flows = new OpenApiOAuthFlows
    {
        AuthorizationCode = new OpenApiOAuthFlow
        {
            AuthorizationUrl = new Uri(azureAdOptions.AuthorizeEndpoint),
            TokenUrl = new Uri(azureAdOptions.TokenEndpoint),
            Scopes = azureAdOptions.Applications["Api"].Scopes.ToDictionary(e => e.Value, e => e.Key)
        }
    }
};

c.AddSecurityDefinition(
    "oauth2",
    securityDefinition);

我显然仍然需要在 SwaggerUiOptions 上启用 pkce 支持

internal static void ConfigureUi(SwaggerUIOptions c, IConfiguration configuration, string apiName, string environmentName)
{
    c.OAuthUsePkce();
}

我使用 Azure AD，以下是我使用的值：

AuthorizationUrl: https://login.microsoftonline.com/organizations/oauth2/v2.0/authorize
TokenUrl: https://login.microsoftonline.com/organizations/oauth2/v2.0/token
Scopes: custom-value

下面的提交包含了它是如何实现的所有细节。它还包含一个测试样本。 Add support to PKCE for SwaggerUI & update OAuth2Integration sample