Whistle代理调试

whistle文档: http://wproxy.org/whistle/

whistle客户端:https://github.com/avwo/whistle-client

非客户端安装流程

一、起步

基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,MAC平台的Charles,代理规则格式上Whistle和Fiddler通用,都是txt格式,而Charles代理是xml格式,配置和切换都没有whistle简便。

安装 

sudo npm install whistle  -g --registry=https://registry.npm.taobao.org

启动

w2 restart

关闭

w2 stop

浏览器访问:http://127.0.0.1:8899,打开如下界面:

图片[1]-Whistle代理调试-www.131417.net

图片[2]-Whistle代理调试-www.131417.net

点击whistle的右上角的“Online”  按钮,记住弹出框中的Port,和IPv4,这两个值在手机设置代理IP中会用到。

图片[3]-Whistle代理调试-www.131417.net

启动捕捉隧道连接,点击菜单栏的“HTTPS”,在弹出框中勾选:Capture TUNNEL CONNECTs

Enable HTTP/2也一定要勾选,(如果勾选提示node版本问题,会自动跳转node官网,请更新下载node版本,然后并w2 restart重启即可勾选)

图片[4]-Whistle代理调试-www.131417.net

二、配置rules

如下图所示,创建一个名为“代理测试”的规则

右侧输入代理规则,可根据需要设置你的目标代理IP,

双击“代理测试”名称,使其名称后面多了一个“✔️”,表示此规则生效。

图片[5]-Whistle代理调试-www.131417.net

三、给手机设置代理

安卓手机设置代理

第一步:手机连接名为”58group“的Wifi

第二步:连接58group后,点击本wifi的设置,打开”修改网络“

第三步:在”高级“>”代理”下面选中代理模式为”手动“,并配置”代理服务器IP“为10.253.31.74,端口为:8899,你填入的IP和端口就是4中提到的。

IOS手机设置代理

第一步:手机连接名为”58group“的Wifi

第二步:连接58group后,点击wifi名称

第三步:在”代理配置“中代理模式为”手动“,并配置”服务器“为10.253.31.74,端口为:8899,你填入的IP和端口就是上文中提到的IPv4和Port。

手机安装Whistle的证书

手机浏览器扫码或者手动访问http://rootca.pro,下载文件

图片[6]-Whistle代理调试-www.131417.net

安卓手机:

  1. 点击下载的文件
  2. 使用“证书安装程序”打开
  3. 输入手机密码或者图形解锁
  4. 输入证书名称,证书用途选”VPN和应用”,点击确定,证书安装完成。
  5. 最后就可以在自己的手机上开心的抓包了

IOS手机:

  1. ios 手机浏览器扫码或者手动访问http://rootca.pro下载证书whistle.1234567890,并安装
  2. 设置→ 通用→ 描述文件→ 安装已经下载的证书文件
  3. 设置 → 通用 → 关于本机 → 证书信任设置,打开对应的证书
  4.  打开 下载的whistle证书后面的开关,证书安装完毕
  5. 图片[7]-Whistle代理调试-www.131417.net

  6. 最后就可以在自己的手机上开心的抓包

四、配置浏览器走Whistle代理

安装chrome代理插件

1、安装最新版的Chrome
2、安装Chrome代理切换插件:SwitchyOmega(有了该插件才能愉快玩起Charles)

2-1) 插件可在chrome应用商店搜索

2-2) 如果不能翻墙,可以从github上下载,如何离线安装请参考下文:https://blog.csdn.net/u014061630/article/details/89715656 或 https://www.cnet.com/how-to/how-to-install-chrome-extensions-manually/ 或:https://www.turnoffthelights.com/support/browser-extension/how-to-install-chrome-extensions-solution/

3、打开你刚刚安装的插件,点击选项

图片[8]-Whistle代理调试-www.131417.net

4、点击左侧“新建情景模式”-“代理服务器”-“自定义命名”

配置代理信息如下图,点击应用选项

图片[9]-Whistle代理调试-www.131417.net

5、这样就可以切换whistle和系统代理了

图片[10]-Whistle代理调试-www.131417.net

* 特 别 提 醒 *:由于Chrome限制,同一时间只能有一个扩展控制代理设置,一般来说Chrome会优先后安装的扩展。冲突中若SwitchyOmega获得了优先权,则可以切换到“系统代理”模式,从而把优先权归还给其他扩展,从而解决问题。如果此扩展的配置被其他代理相关、或者去广告相关的扩展覆盖,则问题无法解决,只能通过重装SwitchyOmega来提高优先权。

 

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容