快速模拟伪造服务器数据进行开发调试

515 阅读1分钟

在前端开发中经常遇到需要后端服务还在开发无法联调的情况,这时只要知道服务器返回的数据格式,就能快速模拟伪造服务器的数据,大大提升你的工作效率。本文介绍方法仅针对Mac电脑

使用Mac系统自带apache服务器

其实Mac系统自带了apache服务,我们只需要简单的开启配置就可以使用了。具体使用步骤如下:

1、终端执行命令开启apache服务

sudo /usr/sbin/apachectl start

执行时需要输入密码,然后本地apache服务便已经开启,可以在浏览器中输入http://localhost查看

开启后效果

2、制造假数据并访问

其实本地apache服务是指向一个文件下/Library/WebServer/Documents。

localhost 访问的是该目录下的index.html。我们只要把假数据放到该目录下即可。

我这里用一个简单的test.json做个例子:

{
  "ret": true,
  "data": {
    "swiperList": [{
        "id": "0001",
        "imgUrl": "http://img1.qunarzz.com/piao/fusion/1801/1a/94428c6dea109402.jpg_640x200_2cf590d8.jpg"
      },{
        "id": "0002",
        "imgUrl": "http://img1.qunarzz.com/piao/fusion/1802/42/7c92b9a381e46402.jpg_640x200_1cdce2a4.jpg"
      }]
  }
}

把test.json文件放到/Library/WebServer/Documents目录下面就可以了,通过 前往->前往文件夹(输入/Library/WebServer/Documents)->直接把test.json拖入文件夹下就行,这个地方拖入时需要输入密码。然后直接访问 http://localhost/test.json就可以看到数据了

3、关闭apache服务

重启

sudo /usr/sbin/apachectl restart

关闭

sudo /usr/sbin/apachectl stop

其他方法简介:

1、使用node.js 自建服务器

2、使用线上平台mock数据 使用 easy-mock.com/ 模拟接口mock数据

3、使用抓包软件Charles的Map Local功能,将请求进行拦截,把响应数据转换为请求电脑本地的静态json文件