基本设置
在使用 AutoAPIGen 插件前,您需要进行一些基础配置以满足不同项目的需求。以下是每项设置的详细说明:
1. 请求体解析依赖
- 默认依赖:
qs
- 作用:用于解析
json
格式的请求体。 - 注意:确保您的项目已安装
qs
依赖。
2. 示例项目
文档示例基于 apifox
平台上的公开项目 OpenAI 的接口文档进行说明。
3. 应用支持
- 当前仅支持 API 文档管理平台
apifox
。 - 后续会根据需求增加对 Postman 和 ApiPost 的支持。
4. Authorization 配置
- 用途:用于获取项目信息的 Token。
- 获取方式:
- 登录网页版 Apifox。
- 按
F12
打开开发者工具。 - 在 Network 面板中选择任意请求,查看 Headers 选项卡,找到
Authorization
字段并复制其值。
- 注意:
Authorization
未配置时,将无法获取项目和接口信息,也无法生成接口文档。
5. 生成路径
- 插件会自动读取当前工作空间的目录结构。
- 您可以手动选择接口文件的生成位置,支持个性化目录布局。
6. 项目 ID 配置
- 配置
Authorization
后,点击 获取项目列表 按钮。 - 在下拉框中选择一个项目,即可获取项目 ID。
- 左侧接口列表会显示该项目下的所有接口。
7. 接口模型
支持以下三种接口模型:
1. axios
模型
- 自动生成适用于
axios
的接口请求代码。 - 可结合 axios 引用路径 进行个性化配置。
2. 微信小程序
模型
- 生成基于
wx.request
的接口请求代码。 - 首次生成时,自动在生成目录下创建以下文件:
index.ts
:封装wx.request
方法(必需)。interface.d.ts
:接口参数类型定义(可自定义)。env.config.ts
:环境变量配置(可自定义)。
- 注意:修改或删除
interface.d.ts
和env.config.ts
后,需同步调整index.ts
的引用。
3. 自定义
模型
- 提供高度灵活性,适用于复杂场景。
- 请参阅文档的高级选项部分获取更多信息。
8. 使用项目名
- 开启后,生成的接口文件会在项目名目录下分组管理。
- 适用于调用多个后台项目接口的场景,可有效避免不同项目接口冲突。
9. Axios 引用路径
可以配置 axios
的引用路径,用于生成 axios
请求代码。若不配置,则默认使用用 import axios from 'axios'
。可以基于自己的业务需求对 axios
进行二次封装。
eg: 配置
import http from '@/utils/http'
, 则在生成对应的接口请求时会使用http
代替axios
。
axios返回数据key
- 需要和后台约定,返回的数据使用统一的数据格式,例如:
json
{
"code": 0,
"data": {},
"msg": ""
}
- 在
axios
的二次封装中,默认只返回data
字段的数据,在此处配置data
, 则最终生成的接口返回数据为data
字段的数据,生成的接口定义中也只会有data
部分的类型定义。也可返回多个字段,用英文逗号分隔。 - 配置为空,则返回 完整的接口数据。
注:需要结合
axios
的二次封装的返回结果和规范的后台数据格式来配置。
prettier配置
- 作用:生成的接口文件将自动使用 prettier 格式化。
- 插件支持:
- 内置
prettier
,默认使用了prettier-plugin-sort-imports
和prettier-plugin-organize-imports
这两个插件来做为基本的格式化规则。 - 支持自定义
prettier
配置,可以配置prettier
的其它规则。
- 内置
- 限制:暂不支持需要依赖第三方插件的 prettier 配置。
- 注意:目前
cursor
编辑器内置格式化功能存在一些问题,会导致配置的prettier
规则失效,但不影响生成接口文件,可以在生成接口文件后手动格式化或忽略。