PostIn零基础学习 - 如何使用接口Mock尽早满足前端开发需求

PostIn是一款国产开源免费的接口管理工具，包含项目管理、接口调试、接口文档设计、接口数据MOCK等模块，支持免费私有化部署，支持免登陆本地接口调试，同时可以对项目进行灵活的成员权限、消息通知管理等。本文将介绍如何配置并使用MOCK虚拟数据。

1、添加MOCK

PostIn内置了MOCK环境，在接口页面点击Mock，进入Mock页面，显示内置Mock环境地址。

MOCK页面

添加MOCK字段属性说明：

|--------|------|-----------------------------------------------|
| 属性 | 是否必填 | 描述 |
| MOCK名称 | 必填 | 为MOCK设置一个简洁明了的名称，便于识别和管理。 |
| 描述 | 选填 | 提供MOCK简短的描述，说明MOCK的目标或关键内容,帮助团队成员快速了解MOCK的作用。 |

添加MOCK后，MOCK默认为启用状态，可以在MOCK列表对MOCK进行启用\禁用。

2、编辑MOCK

点击添加MOCK，输入MOCK的名称后，点击提交，添加一条MOCK虚拟响应。

MOCK页面

点击MOCK名称，进入详细MOCK虚拟请求、响应配置。

编辑MOCK

MOCK支持编辑虚拟请求的参数包含请求头、请求体、查询参数。

|------|--------------------------|
| 属性 | 描述 |
| 请求头 | 位于HTTP请求的头部，用于传递元数据。 |
| 查询参数 | 出现在URL问号后，对资源进行筛选、排序或分页。 |
| 请求体 | 位于HTTP请求的正文，用于传递实际数据。 |

MOCK支持编辑虚拟响应的参数包含响应状态、响应头部、响应体。

|-----|------------------------------------|
| 属性 | 描述 |
| 响应头 | 传递服务器返回的元数据和控制指令，例如状态码、内容类型、缓存策略等。 |
| 响应体 | 承载服务器返回的实际数据内容，例如JSON 数据等。 |

3、使用MOCK环境

配置MOCK虚拟请求后，使用MOCK环境，点击测试，如果请求和MOCK一致，则接口响应也会和MOCK设置的一致。

例如配置如下MOCK：

|------------|------------------------------------------------------------|----------------------------------|
| MOCK名称 | 请求 | 响应 |
| 正确用户名密码登录 | { "account": "admin", "password": "123456", "dirId": "1" } | 响应code:200 响应体：{"msg": "登录成功"} |
| 未注册用户名密码登录 | { "account": "chen", "password": "123456", "dirId": "1" } | 响应code:201 响应体：{"msg": "密码输入错误"} |

配置结束后，在接口→测试页面，选择MOCK环境，当请求参数符合MOCK"正确用户名密码登录"的请求参数，则显示响应code:200，响应体：{"msg": "登录成功"}

使用MOCK