使用 fds 来 mock 模拟 http 接口数据的方法

HTTP

本人是一名 iOS 开发工程师，在平时的开发过程中，在后台接口没有写好的时候，经常需要自己模拟各种接口数据，这里介绍一个简单易用的 mock 工具：fds ，fds 是用 node.js 开发的一个 mock 工具，可以模拟 http 接口请求的响应，安装后只需两步配置即可 mock 一个接口，下面就说一下使用方法。

---

1. 安装 fds 服务器

• 首先安装 node.js 的包管理工具 npm ，不知道怎么装的点击 这里 ，安装好 npm 后在终端执行以下命令即可安装 fds 。

npm install -g fe-dev-server

• 安装完 fds 后将 FdsMockDemo 项目 clone 到本地，项目包括了mock server 的配置文件，以及几个 mock 接口的 demo 。

git clone git@github.com:zyc945/FdsMockDemo.git

2. mock 接口

下面以模拟 http://localhost:9999/test/users 这个接口为例。

• 在 FdsMockDemo 的 mocks / api 目录下创建 json 文件，名字随便起，这里以 test.json 为例，然后编辑为你想要的 json 数据。

[
  {
    "id": 1,
    "name": "张三"
  },
  {
    "id": 2,
    "name": "李四"
  },
  {
    "id": 3,
    "name": "王五"
  }
]

• 编辑完 json 数据后，开始配置 router 规则，也就是编辑接口、数据映射路径，打开 FdsMockDemo 下的 routes.js 文件，添加以下配置。

'/test/users': 'mock::/api/test.json'

• 这句配置命令的前半部分是需要 mock 的接口，可以根据你项目的实际接口随便命名，后半部分是 mock 的 json 数据的地址，mock:: 表示 mock 数据根路径固定为 mocks 目录，数据统一放在 mocks 子目录下。

• 接口默认是 GET 请求的，如果要 POST 请求，就需要在前半部分加上 POST:: ，例如下面这样。

'POST::/test/users': 'mock::/api/test.json'

3. 运行 fds 服务器

• 打开终端 cd 到 FdsMockDemo 目录下，输入以下命令即可运行 mock 服务器。

fds

• mock 服务器运行以后，默认监听 9999 端口，使用 mock 接口时修改接口地址为 本机 ip 地址:9999 即可，刚才 mock 的数据只需请求 http://localhost:9999/test/users 接口即可得到 mock 的接口数据。

---

配置方法非常简单，开发测试起来也方便很多，最后附上本文 参考地址 。

将来的你，一定会感激现在拼命的自己，愿自己与读者的开发之路无限美好。

我的传送门： 博客 、简书 、微博 、GitHub 。