快速开始
本指南将帮你快速上手 OpenAPI Generator 和相关工具,在 10 分钟内完成从 OpenAPI 规范到客户端代码和文档的完整流程。
🎯 学习目标
- 安装必要的工具
- 从 OpenAPI 规范生成客户端代码
- 生成漂亮的 API 文档
- 了解基本的工作流程
📋 准备工作
系统要求
- Node.js 16+
- npm 或 yarn
- Git (可选)
检查环境
bash
# 检查 Node.js 版本
node --version
# 检查 npm 版本
npm --version版本建议
推荐使用 Node.js 18+ 以获得最佳性能和兼容性。
🔧 安装工具
安装 OpenAPI Generator CLI
bash
# 全局安装 (推荐)
npm install @openapitools/openapi-generator-cli -g
# 或使用 npx (无需安装)
npx @openapitools/openapi-generator-cli version安装 Redocly CLI
bash
# 全局安装
npm install @redocly/cli -g
# 检查安装
npx @redocly/cli --version🚀 第一个示例
1. 准备 OpenAPI 文件
创建一个简单的 OpenAPI 规范文件 api.yaml:
yaml
openapi: 3.0.1
info:
title: Hello API
description: 我的第一个 API
version: 1.0.0
servers:
- url: https://api.example.com/v1
paths:
/hello:
get:
summary: 问候接口
responses:
'200':
description: 成功响应
content:
application/json:
schema:
type: object
properties:
message:
type: string
example: "Hello, World!"2. 生成 TypeScript 客户端
bash
# 生成 TypeScript 客户端
npx @openapitools/openapi-generator-cli generate \
-i api.yaml \
-g typescript-fetch \
-o client/typescript3. 生成 API 文档
bash
# 生成 HTML 文档
npx @redocly/cli build-docs api.yaml -o docs.html
# 启动预览服务器
npx @redocly/cli preview-docs api.yaml📊 结果展示
完成上述步骤后,你将得到:
typescript
// client/typescript/apis/DefaultApi.ts
export class DefaultApi {
public async hello(): Promise<{ message: string }> {
// 自动生成的客户端代码
}
}html
<!-- docs.html - 包含完整的交互式 API 文档 -->🎯 下一步
恭喜!你已经完成了基础流程。接下来可以:
❓ 遇到问题?
如果遇到问题,可以查看:
注意
确保你的 OpenAPI 规范文件语法正确。可以使用以下命令验证:
bash
npx @redocly/cli lint api.yaml