如何 3 秒 Mock API 数据

只需一分钟即可 Mock API,且不需要编写任何脚本!超详细教程!

用 Apifox,节省研发团队的每一分钟

如何 3 秒 Mock API 数据

免费使用 Apifox

相关推荐

最新文章

API

一体化协作平台

API 设计

API 文档

API 调试

自动化测试

API Mock

API Hub

立即体验 Apifox
目录

前端开发人员通常会遇见 API 已经设计好了,但还没有开发的情况,这个时候需要为界面制作一些假数据。所以需要设置一个 Mock 服务器并添加一些响应示例,同时如果 API 文档中没有响应示例,还需要编造些响应数据。虽然每次我都是这样做的,但我不认为这是前端开发人员应该做的,肯定有更好的工具可以帮助我完成这部分内容。

我尝试了市场上的很多工具,比如鼎鼎有名的 Postman,但它 Mock 服务器的所有响应数据都必须手动添加。我也试过faker.js,但它必须为每个字段编写  Mock 代码。

我期望的优秀工具,它应该自己生成 Mock 数据,我们的精力应该花在更重要的地方。

但现在,我终于解放自己了,我只需一分钟即可 Mock API,且不需要编写任何脚本!

为什么要 Mock

当处于以下情况,Mock 通常是更好的选择:

  1. 敏捷开发团队中,API 已设计但尚未开发完成
  2. 部分受限制或需要付费才能使用的 API。例如银行 API,在开发完成之前无法获得真实数据。所以你需要模拟数据;
  3. 脱机环境或内网。你可以在本地进行 Mock 数据的工作。

如何使用 Apifox Mock 数据

那么如何快速 Mock API 数据呢?只需要两个步骤:

  1. 定义 API
  2. 获取 Mock URL就是这么简单,让我们一起来试试吧!

1. 导入/定义 API

目前来说,API 文档是非常重要的。目前用的最多的是 OpenAPI (Swagger),当然,其他格式也可以。

如果现在你已经有一个 YAML 或 JSON 文件,只需要将它导入到 Mock工具中;如果你还没有 API,你也可以直接在 Apifox 中创建它。

那么如何导入呢?

首先,你需要在 Apifox 中创建一个新项目,选择你需要的项目类型。

如何使用 Apifox Mock 数据

选择最左侧的「项目设置」,在数据管理中选择「导入数据」。能看到 Apifox 支持数二十多种数据类型,你可以选择你需要的数据类型拖入 API 文件。

在数据管理中选择「导入数据」

导入成功后,你可以在左侧目录树看到导入的所有接口。

在左侧目录树看到导入的所有接口

2.获取 Mock URL

选择一个你已导入的 API,进入 API 定义页面,你能看到有个 Mock 模块。在「URL / 参数」模块有链接地址,点击即可复制。

获取 Mock URL

复制成功后,我们把它粘贴到浏览器中访问。

OK!大功告成!你会看到 Mock 出来的 JSON。而且我们点击刷新,Mock 的数据也会不停地变换,模拟更多数据。

点击刷新,Mock 的数据也会不停地变换,模拟更多数据

现在,我们就可以使用 API 数据了。不需要自己写脚本,所有字段中的数据都是自动生成的,真的很方便!

Apifox 是如何实现 Mock 的

我第一次发现这个功能时,除了感觉很好用,也很好奇,明明我什么都还没设置,为什么 Apifox 可以快速生成数据?

后来看了官网介绍才知道,Apifox 中内置了一批模拟规则,如果响应定义中的字段名称与其中之一匹配,则将自动模拟字段数据。Apifox 会自动在本地机器上启动一个 Mock 服务器,我们无需在服务器层执行任何操作。

当然,不喜欢 Mock 的数据的话,也可以直接用 Faker.js 填充字段的模拟值。支持所有 Faker.js 语法,我们可以轻松选择驾驭。

Apifox 是如何实现 Mock 的

如果某个字段具有固定值,您还可以用指定的值填充「mock」。

用指定的值填充「mock」

是不是非常简单轻松就实现了?

Apifox 作为一体化 API 协作开发工具,除了能够轻松 Mock 数据,还可以进行 API 设计、API 调试、API 文档共享、API 自动化测试等一系列功能,最主要的是免费啊!