昂首阔步的交互式HTML

Question

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

Answer 1

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

1. 下载Swagger UI（链接到最新的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>
     

     <script>...</script>包含来自swagger-ui-bundle.js和的代码的元素swagger-ui-standalone-preset.js。

   • 更换

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

     用spec含参数的API SPEC JSON格式，就像这样：

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

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

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

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