本人是一名
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
的接口数据。
配置方法非常简单,开发测试起来也方便很多,最后附上本文 参考地址 。
将来的你,一定会感激现在拼命的自己,愿自己与读者的开发之路无限美好。