Swagger單一交互式html

Question

我試圖用試出按鈕做一個單一的html。 swagger-code gen或者swagger-ui給了我那個結果。你有什麼建議嗎？

Answer 1

你可以嘗試改變Swagger UI成 「一個大凌亂的HTML文件」，如下所示：

1. 下載揚鞭UI（link to the latest master）。

2. 轉到dist文件夾。

3. 編輯index.html如下：

   • 刪除<link rel="stylesheet" type="text/css" href="./swagger-ui.css" >和swagger-ui.css文件的內容粘貼到<style>元素。

   • 替換

     <script src="./swagger-ui-bundle.js"> </script> 
     <script src="./swagger-ui-standalone-preset.js"> </script> 
     

     與來自swagger-ui-bundle.js和swagger-ui-standalone-preset.js包含代碼<script>...</script>元件。

   • 更換

     url: "http://petstore.swagger.io/v2/swagger.json", 
     

     包含在JSON格式的API SPEC的spec參數，像這樣：

     spec: { 
         "swagger": "2.0", 
         "info": ..., 
         "paths": ... 
     }, 
     

     如果你的規範是YAML，它首先轉換成JSON，例如使用https://www.json2yaml.com。

   • 刪除網站圖標：<link rel="icon" type="image/png" href="./favicon-...

現在index.html可以作爲一個獨立的文件。