Swagger 单交互 html [关闭]

Question

我正在尝试使用试用按钮制作单个 html。这 swagger-code gen 和 swagger-ui 都给了我这个结果。你有什么建议吗？

Answer 1

您可以尝试将Swagger UI 更改为“一个大杂乱的 HTML 文件”，如下所示：

1. 下载 Swagger 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",
     

     spec 参数包含 JSON 格式的 API 规范，如下所示：

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

     如果您的规范是 YAML，请先将其转换为 JSON，例如使用https://www.json2yaml.com。

   • 删除网站图标：<link rel="icon" type="image/png" href="./favicon-...

现在index.html 可以作为独立文件使用。