创建虚拟 API 以加快原型设计速度👨‍💻⚡

🖼️ 图片来源：Gerd Altmann

介绍

在构建原型、测试假设或仅仅创建尚未完成 API 的应用程序前端时，需要虚拟 API（模拟、存根）是很常见的。

理想的做法是花尽可能少的时间进行模拟，这样您就可以快速测试假设，无需担心后端即可制作原型，并充满信心地交付应用程序，确保它可以与真正的 API 一起使用。

读完本文，你将创建一个无需编写任何代码即可从任何地方访问的模拟 API。我们将使用Mocko，因为它的永久免费计划不仅包含我们需要的功能，还提供了不会造成任何限制的限制。

步骤 1：在 Mocko 上创建 API

转到https://mocko.dev/并使用您的 GitHub 帐户登录：

现在您将为我们的模拟 API 选择一个好的名称和 URL，我将选择Insane Goat：

第 2 步：创建你的第一个 Mock

现在您已经创建了一个虚拟 API，是时候创建您的第一个模拟了，如下所示：

为你的模拟选择一个名称，并填写请求和响应信息。首先，使用on模拟一个200响应：Hello from Mocko!GET /hello

现在您已经创建了第一个模拟，您可以通过单击列表中的“打开”图标或使用顶部栏中的 URL 来尝试它：

就我而言，我可以在 URL 中看到我的：
https://insane-goat.free.mockoapp.net/hello

步骤 3：创建动态模拟

您可以在模拟中使用Bigodon{{创建模板，这些模板会使用请求数据作为上下文进行评估。在和之间写入的内容}}允许您从上下文访问字段，例如request.params、request.body、request.headers、request.query。

Hello, {{ request.params.name }}!让我们创建一个端点，使用 URL 中提供的参数按名称向用户打招呼。在端点中模拟响应，/hello/{name}如下所示：

现在，您在 URL 中传递的任何参数都会被模板使用：

为了进一步提升性能，您可以使用Bigodon 助手来转换数据、迭代数组、运行条件语句等等。以下是示例：

Hello, {{capitalize request.params.name}}!

步骤 4：创建高级模板

如上所示，您可以使用条件、循环、助手、自定义助手等等。让我们创建一个模拟模板，GET /users/{name}返回用户名以 开头的用户的虚拟用户数据，g否则返回 404 错误：

{{#startsWith (downcase request.params.name) "g"}}
  {
    "id": "{{uuid}}",
    "name": "{{capitalize request.params.name}}"
  }
{{else}}
  {{setStatus 404}}
  {
    "error": "User not found"
  }
{{/startsWith}}

结果如下：
https://insane-goat.free.mockoapp.net/users/george
https://insane-goat.free.mockoapp.net/users/alice

步骤 5：代理您的 API

如果您已经有可用的 API，并且只想模拟某些端点，则可以使用代理功能来代理您的 API 并仅模拟特定端点：

结论

模拟不必受到限制，而且必须易于创建，毕竟，这就是使用模拟的意义所在：即使依赖项尚未准备好，也可以快速开发。

这只有通过免费开源软件才有可能，如果您喜欢这个结果，请务必在 GitHub 上为Mocko和Bigodon留下一颗星。

我很乐意在评论区听到你的想法。另外，如果这篇文章对你有帮助，记得点个赞哦😃