如何在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
 });