- A+
【whistle 官网】http://wproxy.org/whistle/install.html
【用途】
- 抓包、mock、修改返回数据、修改响应头字段、延迟模拟弱网等
- 代理转发 - 需要配置代理转发规则
- 把某环境仅前端资源的请求代理转发到本地
- 把某个接口地址的请求代理转发到指定的后端环境地址
- 脚本注入
- 可通过拦截某页面请求,注入写好的脚本工具代码,来完成一些提效的自动化工作
安装
1.安装 node 环境
本地如果有 node 环境可跳过
Windows或Mac系统,访问 https://nodejs.org/,安装LTS版本的Node,默认安装即可。
安装完成后,可通过执行 node -v 来查看是否安装成功:
2.安装 whistle
Node安装成功后,执行如下npm命令安装whistle (Mac或Linux的非root用户需要在命令行前面加sudo,如:sudo npm install -g whistle)
npm install -g whistle
npm默认镜像是在国外,有时候安装速度很慢或者出现安装不了的情况,如果无法安装或者安装很慢,可以使用taobao的镜像安装:
npm install whistle -g --registry=https://registry.npmmirror.com
安装完成后,可通过执行 w2 -h 来验证是否安装成功
启用 whistle 服务
1.启用 whistle 服务
w2 start
whistle 服务默认运行在 8899 端口,命令执行成功:
此时可浏览器打开 127.0.0.1:8899
2.启用 https 请求的代理
由于默认是不对 https 请求进行处理,所以需要手动启用下 https 请求的抓包代理开关
启用完毕后,需要再重新启动下 whistle 服务才能生效: w2 restart (或者:w2 stop 之后再 w2 start)
3.安装https根证书(可选)
如果你想要使用抓包功能,即查看请求体和响应体内容,那么需要本地电脑安装 whistle 的证书
http://wproxy.org/whistle/webui/https.html
注意是需要安装到电脑的:受信任的根证书级别才能生效
如果你不想用抓包功能,只是想使用代理转发功能,那可以不安装根证书
4.常用的 w2 命令
命令 | 说明 |
---|---|
w2 start | 启用服务 |
w2 stop | 停止服务 |
w2 restart | 重启服务 |
配置代理规则
要使用代理转发功能,你需要告知 whistle,哪些请求在满足什么条件后,代理转发到哪个地址去
所以需要配置代理转发规则,举个实例
1.把访问 10.110.12.205 环境时,所有的前端资源文件都代理转发到本地 localhost:3000 端口
配置系统(浏览器)代理走whistle的8899端口
由于 whistle 服务是运行在 8899 端口上
因此需要让你的浏览器访问的页面请求都经过 8899 端口,这样这些请求才会被 whistle 接管处理
两种方式:直接配置系统代理、只配置浏览器的代理
系统代理
不过系统代理会影响到全局,可能某些应用禁止代理,那功能就会受到影响
浏览器代理
chrome 浏览器支持安装代理插件:SwitchyOmega
Proxy-SwitchyOmega-Chromium-2.5.15.crx
F12 - 更多工具 - 扩展程序,然后左键点击安装包拖拽到页面上来安装离线插件
插件不能安装的话,就自行去官网下载安装包