whistle安装流程与抓包使用


whistle,基于 Node 实现的跨平台 web 调试代理工具,类似的工具有 Windows 平台上的Fiddler,主要用于查看、修改 HTTP、HTTPS、Websocket 的请求、响应,也可以作为 HTTP 代理服务器使用,不同于Fiddler 通过断点修改请求响应的方式,whistle 采用的是类似配置系统 hosts 的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,且可以通过Node模块拓展功能,详细可查看官方文档:http://wproxy.org/whistle

1、安装Node(如果已安装,忽略此步骤)

  • 使用软件包安装,软件包下载地址:https://nodejs.org/zh-cn/download/。

安装包下载地址

  • 下载完成之后,点击安装,出现如下页面,点击继续:

node安装步骤1

  • 点击继续下一步:

node安装步骤2

  • 点击同意软件许可协议中的条款,然后选择安装位置,点击安装

node安装步骤3

  • 输入密码开始安装,安装完毕之后,点击关闭

node安装步骤4

  • 打开终端命令提示行,输入 node -v npm -v,查看是否安装成功,显示版本信息,则说明安装成功:

检查node是否安装成功

使用 brew 命令来安装(可选)

  • 打开终端输入如下命令安装 brew(若已安装,忽略该步骤) :
1/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
  • 安装过程如下:

homeBrew安装

  • 打开终端输入 brew install node 安装 node 命令

brew安装node

  • 安装完成后输入 node -v npm -v,查看是否安装成功,显示版本信息,则说明安装成功:

检查node是否安装成功

2、安装最新版的whistle(建议用最新版本):

1npm install -g whistle 或者 tnpm install -g whistle

若出现出现权限问题,请加 sudo :

1sudo npm install -g whistle 或者 sudo tnpm install -g whistle

whistle 安装后执行命令 w2 version 检查是否安装成功

检查whistle是否安装成功

3、whistle 的启动和关闭

  • 启动 whistle :w2 start

whistle启动

打开浏览器输入 http://127.0.0.1:8899/ 后即可看到 whistle 控制台页面:

whistle操作页面

  • 重启 whistle:w2 restart

whistle重启

  • 关闭 whistle:w2 stop

whistle停止

  • 查看命令行帮助:w2 help

whistle帮助命令

4、whistle 配置代理

whistle 需要手动配置浏览器代理或系统代理,推荐配置浏览器代理,方法如下:

  • 安装 Chrome浏览器 代理插件:Proxy SwitchyOmega,打开应用商店:https://chrome.google.com/webstore/category/extensions?hl=zh-CN ,搜索 Proxy SwitchyOmega

chrome应用商店

  • 配置 SwitchyOmega 代理信息:代理服务器 ip 为 whistle 所在机器的 ip,如果是本机就填 127.0.0.1

    代理端口号为启动 whistle 时设置的端口号 8899

switchOmega配置代理

5、whistle 的使用

切换whistle场景代理

  • 拦截 HTTPS 请求

不开启拦截 HTTPS 请求,是无法在 whistle 看到 HTTPS 和 Websockt 请求响应的明文,且只能通过 whistle 对 HTTPS 和 Websockt 设置 host 、代理等有限操作,若要通过 whistle 完全操作 HTTPS 、Websocket 请求与响应,需要开启 HTTPS 拦截及在系统或浏览器安装 whistle 的根证书,具体参见:https://avwo.github.io/whistle/webui/https.html。

手机端也需要安装证书才可以看到 HTTPS 请求与响应明文,首先**手机与电脑连接到同一个 wifi **,打开手机的设置-无线局域网—点击感叹号—HTTP 代理—配置代理—选择手动—输入 whistle 的 ipv4 地址与端口(查看 whistle ipv4 与端口等信息查看下图4)。

手机代理配置步骤1

手机代理配置步骤2

手机代理配置步骤3

  • 查看 whistle 的 ipv4 地址与端口

查看whistle ip地址

查看whistle ip地址

  • 手机安装证书:配好手机代理后,使用 QQ 浏览器扫描 pc 端 whistle 的 HTTPS 中的二维码,并下载安装证书,ios 手机需要手动设置信任证书,通用-关于本机-证书信任设置->针对根证书启用完全信任,把 whistle 的证书勾选上即可。

whistle证书二维码

6、PC/手机抓包实践

  • PC抓包前置条件参考1、2、3、4、5、6步骤并完成配置、安装好 PC 证书后,打开浏览器访问任意网站即可看到请求与响应内容。
  • 手机抓包前置条件:参考1、2、3、4、5、6步骤并完成配置、手机安装好证书后,手机浏览器访问任意网址

抓包详细