Swagger单人互动html

Question

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

Answer 1

你可以试试把Swagger UI改成"one big messy HTML file"如下：

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>
     

     带有一个 <script>...</script> 元素，其中包含来自 swagger-ui-bundle.js 和 swagger-ui-standalone-preset.js 的代码。

   • 替换

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