如何在WebAPI中为swagger UI传递JWT承载令牌

Question

我有一个WebAPI项目，并且使用swagger UI对其进行测试。 现在，我通过OAuth2（Auth0）保护了Apis，并寻求将承载令牌（或理想的用户名/密码）传递给Api呼叫的帮助。 请注意，我的客户使用的是Angular JS，我可以通过客户访问安全的Apis。 只需找到一种通过Swagger测试Apis的方法。

非常感谢。

Answer 1

您可以将自定义oAuth部分添加到Swagger UI中，如下所示

然后像这样将Authorization标头参数添加到所有安全的API中

如果成功调用令牌API，则单击所有API的“获取令牌”更新授权参数。

更新：

要将自定义oAuth部分添加到Swagger UI，请使用以下swagger UI配置注入javascript文件

            swconfig.EnableSwaggerUi(c =>
            {
                c.DocExpansion(DocExpansion.List);
                c.InjectJavaScript(thisAssembly, "Swagger.custom.js");
            });

在document.ready上的custom.js文件中，将自定义html添加到ui以及其他代码来处理令牌API调用。

$(document).ready(function () {
    if ($('#resource_OAuth').length == 0) {
        var html = '<li id="resource_OAuth" class="resource">';
        $('#resources').prepend(html);

        $.get("/Swagger/swagger-oauth-section.html", function (data) {
            $('#resource_OAuth').html(data);
         });
     }
     //code to handle token API calls
 });