如何在一分钟内模拟 API

2025-06-09

如何在一分钟内模拟 API

前端开发者经常会遇到这个问题。API 设计好了,但还没实现。我需要为我的接口创建一些虚假数据,这意味着我必须搭建一个模拟服务器并添加一些响应示例。如果 API 文档中没有响应示例,我就必须自己编写一些响应数据。

每次这样做的时候,我都觉得这不是一个前端开发人员应该做的事情。

应该有更好的方法来实现这一点。

我尝试了很多工具。我用 Postman 作为模拟服务器,但所有响应数据都必须手动添加。我尝试了 faker.js,但必须为每个字段编写模拟代码。

在我看来,一个优秀的 mocking server 应该能够自己生成数据。开发者应该关注真正重要的事情。

好消息:现在,您只需一分钟即可模拟一个 API。而且您无需编写任何脚本。

为什么要嘲笑

如果您处于以下某种场合,那么模拟是一个不错的选择。

  1. API 已设计但尚未开发。这种情况通常发生在敏捷团队中。
  2. 受限或付费 API。例如银行 API。在开发完成之前,你无法获取真实数据。因此你需要模拟数据。
  3. 离线环境或内联网。模拟数据允许您在本地机器上工作。

让我们模拟一下

模拟 API 有两个步骤。

  1. 导入 API 定义。
  2. 获取模拟 URL。

很简单。我们来模拟一下吧!

步骤 1 - 导入 API 定义

API 文档必不可少。OpenAPI(Swagger)是最佳选择,其他格式也可以。

假设您有一个 YAML 或 JSON 文件。我们将把它导入到这个工具:Apidog。如果您还没有 API,也可以在 Apidog 中创建。

1.在Apidog中创建一个新项目

创建项目
2.前往“设置”-“导入”,并将您的 API 文件拖入。

导入 API

支持十余种格式的 API 文档。点击“下一步”,即可导入您的 API。

现在您将看到 Apidog 中的 API。

API导入

第 2 步 - 获取模拟 URL

1.点击Apidog中的某个API,会进入API定义页面,其中有一个名为“Mock”的Section。

2.点击“Local Mock”部分中以“127.0.0.1”开头的URL进行复制。

模拟 URL

3.将其粘贴到您的浏览器中。

好的,完成了!你会看到一个模拟 JSON!

模拟 JSON

“city”字段填写城市名称,“id”字段填写整数,“createdAt”填写日期时间。

现在您可以在您的应用程序中使用 API 数据。

而且您不需要编写任何脚本!所有字段的数据都会自动生成。

而且,如果您在浏览器中单击“重新加载”,数据将会刷新!

模拟 JSON

惊人的。

工作原理

第一次发现这个功能的时候,我还挺惊讶的。Apidog 怎么能生成这个?我什么都没设置!

后来我发现了这个。

模拟规则

Apidog 内置了一批 mocking 规则,如上所示。如果你的响应定义中的字段名与其中一条规则匹配,该字段数据就会被自动 mock。

Apidog 会自动在你的本地机器上启动一个模拟服务器。因此你无需在服务器层进行任何操作。

如果你不喜欢它自动模拟的数据怎么办?这也很简单。

您可以像这样直接使用Faker.js填充字段的模拟值。

Faker.js

支持所有 Faker.js 语法,以便您可以轻松选择它们。

如果某些字段具有固定值,您也可以用指定的值填充“模拟”。

固定值

好了,全部完成了。

我希望你能愉快地使用Apidog

这真是个好工具。我发现它不仅适合模拟,而且适用于 API 开发的所有方面。

在此处下载 Apidog

鏂囩珷鏉ユ簮锛�https://dev.to/ismailkamil/how-to-mock-an-api-in-one-month-eip
PREV
我刚刚创建了我的第一个 NPM 包。虽然不多,但这是一份真心实意的劳动。我向大家介绍我自己的第一个 NPM 包,叫做 linear-array 。就是这样。
NEXT
提升前端开发人员水平的 12 个技巧