fastmock静态数据在mock中的基础操作

2024-01-05 02:11:20

利用 Fastmock 轻松实现静态和随机数据模拟

在开发过程中，模拟真实的数据对于测试和调试至关重要。Fastmock 作为一款强大的数据模拟工具，可以帮助我们轻松实现静态和随机数据的模拟，简化我们的开发流程。

配置 Fastmock

要使用 Fastmock，首先需要在命令行中输入以下命令启动服务：

// npm install -g fastmock
// fastmock serve -d 8888

其中，8888 是服务端口，可以根据需要自定义。

配置转发

为了将需要 mock 的数据接口与 Fastmock 服务关联，需要在接口路径处添加一个 forward：

/mock/*          {forward: 'http://localhost:8888/*'}

静态数据模拟

对于需要模拟的静态数据，Fastmock 提供了 res.json 方法。例如，如果要在 /user 接口返回一个 JSON 字符串，可以写如下代码：

let users = [
  {
    id: 1,
    name: '张三',
    age: 20
  },
  {
    id: 2,
    name: '李四',
    age: 22
  },
  {
    id: 3,
    name: '王五',
    age: 25
  }
]
res.json(users)

随机数据模拟

要模拟随机数据，可以使用 res.send 方法。例如，要在 /user 接口返回一个随机的 JSON 字符串，可以写如下代码：

let user = {
  id: parseInt(Math.random() * 100),
  name: `随机用户${parseInt(Math.random() * 100)}`,
  age: parseInt(Math.random() * 100)
}
res.send(user)

延迟模拟

Fastmock 还支持模拟接口延迟。使用 res.setTimeout 方法可以实现，例如：

res.setTimeout(1000, () => {
  let user = {
    id: parseInt(Math.random() * 100),
    name: `随机用户${parseInt(Math.random() * 100)}`,
    age: parseInt(Math.random() * 100)
  }
  res.send(user)
})

自定义模拟

借助 res.match 方法，可以实现自定义模拟。例如，要根据 id 获取用户信息，可以写如下代码：

res.match(/\/user\/(\d+)/, (id) => {
  let user = {
    id: parseInt(id),
    name: `随机用户${parseInt(id)}`,
    age: parseInt(Math.random() * 100)
  }
  res.send(user)
})