移动端网络调试 基于express的JsServerDemo

Demo链接地址 https://github.com/AllenCoder/JsServer

1. 用途 作为自己mock测试服务器
2. 可以简单的模拟各种请求数据
3. 可以结合Charles 拦截代理，将线上环境的数据完整替换为本地的数据，可以方便模拟调试各种情形

1. 启动mock的JsServer

node .\bin\www 

2. 用法 结合Charles

• Charles 的 Map 功能分 Map Remote 和 Map
  Local两种，前者是将制定的网络请求重定向到另一个网址，MapLocal 是将指定的网络请求重定向到本地文件。

• . 本次直接使用charles的MapRemote功能，将charles 配置map Remote 配置参考如下：

• 将http://115.159.24.246:8080/JsServertest.json

  

• mock修改成本地的 数据 ，区别在于修改了本地字段 password 为：JsServerData

---

router.all('/test', function (req, res, next) {    console.log(req)    res.set({        'Content-Length': '123',    })    res.sendFile('JsServertest.json', {root: path.join(__dirname, '../public/res')});    // res.render('index', { title: 'Express' });})

结合以上步骤 可以方便将app内网络请求转换成任意自己想要修改的数据演示 修改本地的（public/res/JsServertest.json）原接口响应结果

• postman请求 http://115.159.24.246:8080/JsServertest.json返回数据已经被修改为

  

• 不仅仅是可以修改返回的response的body内容还可以根据需要任意修改返回的header信息

router.all('/trade/go', function (req, res) {    console.log(req.headers)    /*    HTTP/1.1 200 OK     Server nginx     Date   Mon, 19 Jun 2017 02:35:26 GMT     Cache-Control  no-store     Content-Type   text/xml;charset=UTF-8     Content-Encoding   gzip     Vary   Accept-Encoding     Pragma no-cache     Set-Cookie JSESSIONID=43E6672555D36EAB234DB20C53828DD0; Path=/; HttpOnly     THE-TIME   Monday, 19-Jun-2017 10:35:27 CST     Transfer-Encoding  chunked     Proxy-Connection   Keep-alive     */    var date= new Date()    res.set({        'Content-Type': 'text/json;charset=UTF-8',        'Content-Length': '123',        'Date': date.toDateString()    })    res.sendFile('JsServertest.json', {root: path.join(__dirname, '../public/res')});});