超好用的代理、调试工具——Whistle(安装)

3,175 阅读3分钟

一、Whisle简介

Whistle是一款基于Node实现的跨平台Web调试、抓包、代理工具,主要用于查看、修改 HTTP、HTTPS、Websocket 的请求、响应,也可以作为 HTTP 代理服务器使用,whistle 采用的是类似配置系统 hosts 的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,且可以通过 Node 模块扩展功能。

二、whistle的安装及使用

whistle的安装

whistle依赖node环境,因此需要安装 Node.js,选择 LTS 版安装,whistle官网推荐10+Node版本;

安装 :sudo npm i -g whistle

其他命令行:

  • 启动:w2 start或者whistle start
  • 停止:w2 stop 或者whistle stop
  • 运行状态:w2 status
  • 重启:w2 restar

whistle的启动

  1. 命令行输入:w2 start或者whistle start

  2. 如下界面则启动成功

image.png

  1. 在浏览器访问 http://127.0.0.1:8899/,若出现图示界面,则启动成功

image.png

三、SwitchyOmega 安装与配置

  1. google搜索扩展程序,进不去的话可以“科学上网” image.png

  2. 搜索“Proxy SwitchOmega”,添加到扩展即可

image.png

  1. Proxy SwitchOmega配置如下图:将服务全部代理到w2代理服务上

image.png

  1. 选中刚刚配置的情景模式即可,我的上述配置在proxy,因此选择proxy

image.png

  1. 此时,whistle应该已经可以获取到请求了

image.png

四、设置Https抓包

  1. 输入w2 ca
  2. 弹出正式信任设置,并信任

image.png

  1. 点击Https->勾选Capture Tunnel CONNECTs

image.png

五、手机代理到whistle

  1. 保证手机和电脑在同一局域网下,或电脑开启互联网共享

  2. 点击 whistle 界面右上角的 Online,获取到ip地址 whistle 的 ip

  3. 手机wifi进行如此设置

image.png

  1. 手机安装证书
  • 在浏览器中地址栏输入 rootca.pro,按提示安装证书或者通过 whistle 控制台的二维码扫码安装

image.png

  • 手机信任下载下来的ca证书,这里不同手机操作不大相同,贴图没有什么参考意义;

ADR:设置中搜索受信任的凭据

IOS:下载后,在设置顶部会有提示

至此,我们就可以使用whistle进行开发和DeBug了!

参考文档