Swagger single interactive html

Question

我正在尝试使用试用按钮制作单个html。这 招摇代码生成和招摇用户界面都给了我这个结果。你有什么建议吗？

Answer 1

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

1. 下载 Swagger UI(链接到最新的母版(。

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可以用作独立文件。