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

HTTP

本人是一名 iOS 开发工程师,在平时的开发过程中,在后台接口没有写好的时候,经常需要自己模拟各种接口数据,这里介绍一个简单易用的 mock 工具:fdsfds 是用 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 这个接口为例。

  • 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 的数据只需请求 http://localhost:9999/test/users 接口即可得到 mock 的接口数据。

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

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

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

推荐阅读更多精彩内容

  • 移动应用或前端开发过程中常常需要mock接口数据。apache、nginx当然可以实现,但配置稍显复杂。 这里介绍...
    亚克西阅读 3,394评论 1 9
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 131,809评论 18 138
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 10,253评论 4 57
  • 人生若只如初见,又何必苦苦思量。不思量,自难忘。一朝来到西藏边,五年生死两茫茫。韶华易逝需珍惜,生活之艰应努力。年...
    何时而乐焉阅读 267评论 0 0
  • 我们生活在一个不确定性越来越大的时代,人们对于未来的展望也越来越频繁,大家都想知道未来会是怎样的,以便让我们生活的...
    法痴l阅读 323评论 0 0
  • 今天感觉身心疲惫 就这样吧 写点啥好呢 词穷了 下午的时候口干舌燥有些上火 北京灰尘太多了啊 这些天里皮肤都晒黑了...
    fineyoga文文阅读 175评论 0 1
  • 我们爱的很痛苦,却从没想过如果当初没有遇见会变的怎样。比起忘记你,我宁愿痛苦,直到死去。 陈是我见过最专注的人,她...
    藕者子阅读 198评论 0 0
  • 1. 服务器 运行如下命令可以开启服务器 python manage.py runserver ip:port 默...
    博行天下阅读 700评论 0 2