实战20.Apifox 进行 Mock 数据模拟

Posted 2023-03-31 一百个Chocolate

前言

由于本专栏是学习 Vue3 前端项目的开发实战，所以我们并不会涉及到后端的学习。

前后端分离，我们只关注前端，而不关心后端是使用 Java、Python、还是 Node 实现，前端只需要通过接口请求来获取数据即可，这里我们使用 Apifox 进行接口 Mock 数据请求。

这种方式在工作开发也会用到：

例如：在开发过程中，后端接口还没有开发完成，这时候我们就可以使用 Apifox 的 Mock 功能，来进行接口开发联调。

安装

Apifox 是一款功能强大的接口测试工具，支持接口测试、接口文档、接口 Mock、接口自动化测试等功能。我们可以使用 Apifox 进行接口测试、接口文档的编写、接口 Mock 数据的模拟等。

Apifox 官网：https://www.apifox.cn/

Apifox 安装包下载地址：https://www.apifox.cn/download

我们也可以使用 Apifox 的在线版本，不需要下载安装包，直接在浏览器中打开即可。

使用步骤

• 创建项目：打开 Apifox，点击左侧的【项目】，然后点击【新建项目】，在弹出的对话框中，填写项目名称、项目描述、项目类型等信息，然后点击【创建】。

• 创建接口：创建项目后，我们需要创建

Apifox = Postman + Swagger + Mock + JMeter

目录

可视化API设计

高效 & 零学习成本

可复用的“数据模型”

遵循 OpenAPI(Swagger) 规范

可导入 Swagger 等 20+ 数据格式

具体使用尝鲜

多项目管理

 支持多环境切换

支持IDEA、浏览器、桌面应用

Idea插件

公共API hub库

---

如题：一款非常好用的API管理测试工具

官网： https://www.apifox.cn/

可视化API设计

只要定义好 API 文档，API 调试、API Mock、API 自动化测试即可直接使用，无需再次定义。

API 文档和 API 开发调试使用同一个工具，API 调试完成后即可保证和 API 文档定义完全一致。高效、及时、准确！

高效 & 零学习成本

可视化 API 文档设计功能，无需手写 Markdown 或 YAML，零学习成本，高效便捷。

可复用的“数据模型”

可将常用数据结构定义为“数据模型”，在多个接口中引用，一次修改全局生效。

遵循 OpenAPI(Swagger) 规范

接口文档完全遵循 OpenAPI(Swagger) 规范，支持 JSON Schema

可导入 Swagger 等 20+ 数据格式

支持导入 Swagger(OpenAPI), Postman, Jmeter, apiDoc, RAP2, YApi, Eolink, Apipost 等数据格式

具体使用尝鲜

多项目管理

多个项目可以通过项目Id去实现API的管理，做到了接口项目的一一对应。

 支持多环境切换

这里面支持多环境的配置导入、导出，非常方便。解决了Postman无法切换环境的痛点。

支持IDEA、浏览器、桌面应用

Idea插件

可以实现本地Mock操作，和在线测试。对于Idea 能够自动识别多模块的Controller定义接口。

公共API hub库

许多国内大厂的API都已共享到 API Hub

重点是免费版也很好用。