为 API 文档编写 YAML?停下。我构建了一个免费 OpenAPI Builder,帮你自动完成。

发布: (2026年3月18日 GMT+8 19:30)
4 分钟阅读
原文: Dev.to

Source: Dev.to

Cover image for Writing YAML for API docs? Stop. I built a free OpenAPI Builder that does it for you.

Introduction

开发者经常花费数小时手动编写 YAML 格式的 OpenAPI 规范。一次错误的缩进就会导致文档失效;缺少逗号可能会让你调试 30 分钟。

OpenAPI Builder 完全消除了这些问题。它是一个无代码、基于表单的编辑器,能够生成符合规范的 OpenAPI 3.0 JSON 或 YAML——无需了解 YAML。

How it works

  1. API info – 填写标题、版本、描述,并添加生产、预发布和开发环境的服务器 URL。
  2. Define endpoints
    • 选择路径(例如 /users/orders/auth/login)。
    • 选择 HTTP 方法(GET、POST、PUT、DELETE)。
    • 添加摘要、描述和标签。
    • 定义查询参数、路径变量和请求头。
    • 粘贴请求体的 JSON 示例。
    • 配置响应码(200、400、401、404、500)。
  3. Add security – API Key 认证、Bearer Token 或自定义安全方案。
  4. Preview & export
    • 实时 Swagger UI 预览。
    • 切换到 Code 选项卡查看原始 JSON 或 YAML。
    • 一键下载或复制规范文件。

就这么简单——不再有 YAML 缩进错误,也不必调试 JSON 语法。只需填写表单 → 获得有效规范。

What makes it different

  • 📝 No‑code interface – 输入框、下拉菜单和按钮取代了原始 YAML。
  • 👀 Live Swagger UI preview – 输入时即时更新,而不是保存后才更新。
  • 🔄 Import existing specs – 粘贴任意 OpenAPI JSON,即可在表单 UI 中编辑。
  • 📦 PetStore sample – 加载完整示例,边探索边学习。
  • 💾 Auto‑save – 进度保存在浏览器本地,可随时继续。
  • 📤 Dual export – 支持 JSON 与 YAML,两者均符合标准。
  • 🔒 100 % browser‑based – 你的 API 设计始终留在本机。
  • 🆓 Free – 无需注册、无使用限制、无付费层。

Output works with

  • Swagger UI
  • Postman
  • ReDoc
  • API 网关(AWS、Azure、Kong)
  • 代码生成器(swagger‑codegen、openapi‑generator)

When to use this

  • ✅ 从零创建全新 API 规范。
  • ✅ 在编写后端代码前快速原型化 API。
  • ✅ 为未文档化的 API 生成文档。
  • ✅ 教学团队使用 OpenAPI,摆脱 YAML 痛点。
  • ✅ 为代码生成器生成规范文件。

When NOT to use this (use the Swagger Viewer instead)

  • ❌ 已经有规范,只想查看它。
  • ❌ 需要从现有文档中直接测试实时端点。

A real workflow

  1. 打开 Builder → 定义你的端点。
  2. 在 Swagger UI 中预览 → 进行细化。
  3. 导出 YAML → 提交到代码仓库。
  4. CI/CD 自动读取 → 自动生成文档和客户端 SDK。

无需切换上下文。无需 YAML lint。PR 中不再出现破损的文档。

Try it

OpenAPI Builder

Already have a spec?

使用 Swagger Viewer 查看:
Swagger Viewer

如果你曾因 YAML 文件而怒砸键盘,这个工具正适合你。

What’s the most frustrating part of API documentation for you? 👇

Tags: #OpenAPI #Swagger #APIDocs #APIDesign #APIFirst #DevTools #WebDevelopment #SoftwareEngineering #BackendDevelopment #DeveloperProductivity

0 浏览
Back to Blog

相关文章

阅读更多 »