1. 程式人生 > >.Net Webapi Swagger增加登錄功能

.Net Webapi Swagger增加登錄功能

多行 登錄 padding 20px 做的 -h authorize blank XML

本文版權歸博客園和作者吳雙本人共同所有 轉載和爬蟲請註明原文地址 www.cnblogs.com/tdws

寫在前面

回想起去年兩篇隨筆分享,在工作中還是對自己有一定參考意義的,每次需要swagger,都記不住自己之前怎麽修改和優化的,還好可以回過頭看一眼。不過看到自己的標題,還是感到臉紅,究竟是臉皮多厚,起了這樣兩個標題。技術分享

.Net WebApi Swagger 接口文檔中度優化

.Net WebApi Swagger 接口文檔深度優化

今天忽然看見之前的文章有新評論,就想起了swagger,本篇就記錄下,前幾周通過修改源碼增加Swagger登錄功能,以方便授權的Token放到Authorization Header中,以便通過認證進入到Authorize的Action。

開始修改

技術分享

頁面上比較簡單,在js中 可以自己append進去一個div,就像右側的登陸框,做的好看與不好看就取決於自己了。

技術分享

還是先看下Swagger前臺源碼的結構,外面這兩個js都是三萬多行,看起來也是很著急呀,好像看幾天都找不到代碼似的,所以就只能搜些關鍵字,ajax,XMLHttpRequest, 折騰一番,終於找到了請求後臺的位置。

大概在swagger-ui-ext.js的30744行左右,找到位置後就很簡單了,把token在RequestHeader中一放就行了。其他的內容就是自己的登陸代碼了。就這些了技術分享

技術分享

.Net Webapi Swagger增加登錄功能