在.Net Core WebAPI下給Swagger增長導出離線文檔功能

一丶前言

  最近剛接觸到Swagger,在github上下載了它的源碼和demo學習了一遍,發現這個組件很是好用,不過不足的是它沒有導出離線文檔的功能,因而乎我就想給它加一個導出功能css

 Swagger Github開源地址html

二丶思路

其實說白了api文檔就是一個html靜態頁面,html能夠轉word或者pdf,那問題就變簡單了。git

1.想辦法拿到swagger生成的api接口json數據。github

2.將json轉化爲html。json

3.將html轉換成word或者pdf等文件。api

三丶實現

1.首先咱們要解決第一個問題,要給Swagger的頁面上加上導出按鈕,Swagger提供了接口,咱們能夠用這個接口將js和css注入進去執行,如圖:mvc

效果以下:dom

2.拿到swagger生成的文檔數據,我查閱了swagger github上的的源碼找到了他生成文檔的代碼,以下圖:post

2.而後咱們使用net core的ioc容器注入把這個對象注入到ioc容器中,以備後續使用它,如圖:學習

3.從ioc容器中取出對象使用,將json對象轉換爲html,在將html轉換爲須要導出的文件。

如圖:

這裏用到了一個RazorEngine ,這是一個微軟封裝的模板引擎,最重要一點它能夠脫離mvc使用,能夠用它來定製本身的代碼生成器,我的認爲它比T4好用,吐槽一下,T4的語法看着是真的彆扭。。再看RazorEngine語法看着舒服多了。

是否是很熟悉。

最終效果:

 

四丶結語

到這就結束了,其實也沒有啥難度,就是要花時間累代碼。IT最讓人着迷的就是開源了,沒有比學習別人的代碼成長更快的了,我也支持一下開源。最後再感謝一下園友 @老張的哲學 的幫助。

五丶Github Demo,演示地址

Demo 源碼地址,順便給個Star謝謝了。 

演示地址:http://gaobili.cn:8600/swagger/index.html

 

 加羣一塊兒學習共同進步。羣號:963718093

.Net Core 開源學習交流

有選擇性的學習,由於生命有限,你沒法學會全部事情
相關文章
相關標籤/搜索