博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用 fds 来 mock 模拟 http 接口数据的方法
阅读量:6136 次
发布时间:2019-06-21

本文共 1229 字,大约阅读时间需要 4 分钟。

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


1. 安装 fds 服务器

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

2. mock 接口

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

  • FdsMockDemomocks / 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 的接口,可以根据你项目的实际接口随便命名,后半部分是 mockjson 数据的地址,mock:: 表示 mock 数据根路径固定为 mocks 目录,数据统一放在 mocks 子目录下。

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

'POST::/test/users': 'mock::/api/test.json'复制代码

3. 运行 fds 服务器

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

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

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

我的传送门: 、 、 、 。

转载地址:http://hqrua.baihongyu.com/

你可能感兴趣的文章
10、程序员和编译器之间的关系
查看>>
前端学习之正则表达式
查看>>
配置 RAILS FOR JRUBY1.7.4
查看>>
AndroidStudio中导入SlidingMenu报错解决方案
查看>>
修改GRUB2背景图片
查看>>
Ajax异步
查看>>
好记性不如烂笔杆-android学习笔记<十六> switcher和gallery
查看>>
JAVA GC
查看>>
codeforce 599B Spongebob and Joke
查看>>
3springboot:springboot配置文件(外部配置加载顺序、自动配置原理,@Conditional)
查看>>
9、Dubbo-配置(4)
查看>>
前端第七天
查看>>
图解SSH原理及两种登录方法
查看>>
[转载] 七龙珠第一部——第058话 魔境圣地
查看>>
【总结整理】JQuery基础学习---样式篇
查看>>
查询个人站点的文章、分类和标签查询
查看>>
基础知识:数字、字符串、列表 的类型及内置方法
查看>>
JSP的隐式对象
查看>>
JS图片跟着鼠标跑效果
查看>>
[SCOI2005][BZOJ 1084]最大子矩阵
查看>>