Apinto 网关进阶教程，使用 API Mock 生成模拟数据_apinto 教程

什么是 API Mock ？

API Mock 是一种技术，它允许程序员在不依赖后端数据的情况下，模拟 web服务器端 API 的响应。通常使用 API Mock 来测试前端应用程序，而无需等待后端程序构建完成。API Mock 可以模拟任何 HTTP 请求方法，并进行响应测试。

当我们需要调试后端接口时，有时候接口文档已经发布，但是后端接口还没有完全开发完成。这种情况下，我们可以使用 API Mock 生成动态模拟数据，以便进行前端页面布局、兼容性调试等工作。

使用 Apinto Mock 插件生成动态模拟数据

Apinto 开源网关在v0.12版本新增了http_mocking插件。当执行该插件时，它将随机返回指定格式的模拟数据，并且请求不会转发到上游。

接下来我们将给大家演示如何使用 Apinto 生成 Mock 模拟数据。

前期准备

1. 准备模拟接口信息

以用户信息接口为例，下图是接口的返回内容，在此处，我们定义了用户数组(users)，每个用户包含了 email、name、ip 字段信息。

2. 编写 Mock 规则

在这里，我们将构造 users 数组，随机生成对象中的 email、name、ip。

{
    'users|1-10':[
        {
            "email":"@email",
            "name":"@name",
            "ip":"@ip"
        }
    ]
}

Mock 规则可参考 MockJS 官网。

3. 生成 Json Scheme 语法

1）打开 MockJS官网，并打开调试控制台。

2）在控制台中输入下列代码

JSON.stringify(Mock.toJSONSchema(
{
    'users|1-10':[
        {
            "email":"@email",
            "name":"@name",
            "ip":"@ip"
        }
    ]
}
))

执行完成后，即可生成 JSON Scheme 语法数据，如下图：

上图红框部分使用第一步编写的 Mock 规则。执行完成后生成如下数据：

使用 Apinto 生成 mock 数据

为了让使用者快速上手，我们此处演示的教程使用 Apinto 可视化项目 Apinto-Dashboard 进行演示。项目仓库地址请按需点击：

· Apinto 项目地址：