跳到主要内容

功能介绍

在前端开发中,Mock是一个非常有用的工具。它可以模拟服务器端的行为,让前端开发人员更加专注于前端的开发和测试。Mock功能通常被用来模拟API请求的返回结果,使得前端开发人员可以快速地进行前端的开发、测试和调试。这样一来,他们就可以在不依赖实际服务器端的情况下进行开发和测试,从而提高效率和性能。

功能概览

Mock功能通常包括以下几个方面:

  1. 模拟API请求:前端开发人员可以使用Mock功能来模拟API请求的返回结果,从而让前端代码更加专注于UI和交互。
  2. 提高效率:通过使用Mock功能,前端开发人员可以快速地进行前端的开发、测试和调试,从而提高效率和性能。
  3. 降低成本:由于不需要与实际服务器端进行交互,所以Mock功能可以大大地降低前端开发人员的启动和运行成本。
  4. 提高质量:通过使用Mock功能,前端开发人员可以更加专注于UI和交互,从而提高前端应用的整体质量。

Mock 请求 URL

每个项目中,请求 method 需要与接口定义中的 method 保持一致。例如项目 ID 为1234,此时需要 Mock 的接口 ID 为1234,路径为/users/123,请求 method 为 POST,则实际 Mock URL 示例地址为:

// 本地 Mock 地址
POST http://127.0.0.1:port/1234/users/123


// 云端 Mock 地址
POST https://mock.hapydev.com/1234/users/123

自定义 Mock 规则

自定义Mock规则可以被用来控制API接口的输出结果,这些规则可以在JSON格式下编写,并且可以包括多种不同的参数和条件。

下面是一些常见的自定义Mock规则:

  1. 随机字符串:使用“@string”函数来生成随机字符串,例如“@string(7, 10)”将生成长度为7到10位的随机字符串。
  2. 随机整数:使用“@integer”函数来生成随机整数,例如“@integer(10, 20)”将生成介于10和20之间的随机整数。
  3. 随机布尔值:使用“boolean”函数来生成随机布尔值,例如“boolean”将生成true或false。
  4. 复杂的结果: 您也可以用组合的方式构建更复杂的Mock结果,如可通过 "@province,@city,@string(7,15)"来Mock一条详细地址信息

数据模型字段设置

Hapydev 支持在数据模型中,设置数据字段的长度范围、枚举值、Partten、format 等,这些设置可以作为 Mock 规则进行使用。

Mock 规则优先级

数据字段在自动 Mock 数据时,执行的 Mock 规则优先级顺序如下:

  1. 接口详情“响应示例”设置的期望数据模型
  2. 数据模型的字段里设置的 Mock 规则。
  3. 数据模型的字段「高级设置」里设置的最大值、最小值、枚举值、Partten。
  4. 项目管理-Mock设置 中的自定义基础设置规则。
  5. 项目管理-Mock设置 中的内置匹配规则。
  6. 数据模型里字段的数据类型。