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

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


1. 安装 fds 服务器

  • 首先安装 node.js 的包管理工具 npm ,不知道怎么装的点击 这里 ,安装好 npm 后在终端执行以下命令即可安装 fds
1
npm install -g fe-dev-server
  • 安装完 fds 后将 FdsMockDemo 项目 clone 到本地,项目包括了mock server 的配置文件,以及几个 mock 接口的 demo
1
git clone git@github.com:zyc945/FdsMockDemo.git

2. mock 接口

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

  • FdsMockDemomocks / api 目录下创建 json 文件,名字随便起,这里以 test.json 为例,然后编辑为你想要的 json 数据。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
[
{
"id": 1,
"name": "张三"
},
{
"id": 2,
"name": "李四"
},
{
"id": 3,
"name": "王五"
}
]
  • 编辑完 json 数据后,开始配置 router 规则,也就是编辑接口、数据映射路径,打开 FdsMockDemo 下的 routes.js 文件,添加以下配置。
1
'/test/users': 'mock::/api/test.json'
  • 这句配置命令的前半部分是需要 mock 的接口,可以根据你项目的实际接口随便命名,后半部分是 mockjson 数据的地址,mock:: 表示 mock 数据根路径固定为 mocks 目录,数据统一放在 mocks 子目录下。

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

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

3. 运行 fds 服务器

  • 打开终端 cdFdsMockDemo 目录下,输入以下命令即可运行 mock 服务器。
1
fds
  • mock 服务器运行以后,默认监听 9999 端口,使用 mock 接口时修改接口地址为 本机 ip 地址:9999 即可,刚才 mock 的数据只需请求 http://localhost:9999/test/users 接口即可得到 mock 的接口数据。

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

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

我的传送门: 博客简书微博GitHub

如果觉得我的文章对您有用,请随意打赏吧,您的支持将鼓励我继续创作!
0%