whistle的代理接口使用

whistle的使用

whistle是基于Node实现的跨平台抓包调试代理工具,在前端开发中,当后台的接口还未正常使用时,可使用mock将数据代理到本地,这样就可以解决接口还未完善而导致项目无法进行的问题!

whistle的官方网址:点击进入http://wproxy.org/whistle/install.html

whistle的安装使用教程:https://www.cnblogs.com/kunmomo/p/11811458.html

启用指令:w2 start -p 8100 // 指定端口号为8100
终止指令:w2 stop

window系统下

Google谷歌浏览器添加Proxy SwitchyOmega的扩展程序,配置好代理的服务器与代理的端口号
可进行在本地添加一个mock的文件夹进行存放代理到本地的文件
Google谷歌浏览器添加二维码(QR码)生成器(QR Code Generator)的扩展程序,进行项目运行的二维码生成,可用已配置代理的手机扫描二维码进行手机端的查看;
whistle的代理接口使用_第1张图片

(手机配置代理:添加下载证书,链接同一网络,并且更改端服务器与端口号,前方的教程有说到)

// 请求头的配置 - 
test.*****/cgi-bin/Gateway.fcgi resHeaders://{CORSHeaders}
https://***********.fcgi?method=query C:\Users******mock\query.json

将项目的地址代理到本地:代理的地址127.0.0.1 test.****.qq.com

  • 更改本地的host文件:C:\WINDOWS\system32\drivers\etc;进入文件夹中进行添加映射
  • Google安装并配置好扩展程序,输入localhost:端口号即可打开;如http://localhost:8100
    whistle的代理接口使用_第2张图片

使用whistle内置的Weinre调试移动端页面

可进行在移动端查看元素并进行真机上的样式调试

test*****com weinre://

你可能感兴趣的