whistle安装与配置

whistle是基于Node实现的跨平台web调试代理工具，主要用于对手机APP或小程序的HTTP请求进行抓包分析。更多关于whistle的详细内容可以参考：http://wproxy.org/whistle/

Node安装

安装包下载地址：http://nodejs.cn/download/ 运行安装包，直接下一步下一步，直到完成。这里需注意，如果更改了安装路径，需要手动配置环境变量。
安装完成后，cmd命令行，执行：

npm –v

输出对应的版本号，即安装成功

Whistle android调试_https

whistle安装

1、cmd执行以下命令安装whistle

npm install -g whistle

2、安装完成后，执行命令：

w2 help

显示如下图所示即安装完成

Whistle android调试_chrome_02


3、启动whistle，命令：

w2 start

Whistle android调试_chrome_03


4、浏览器输入地址 http://127.0.0.1:8899/，切到network面板，这里便是查看http请求的地方（至此，whistle安装完成）

Whistle android调试_扩展程序_04

Chrome浏览器安装插件Proxy

1、 打开 https:///FelisCatus/SwitchyOmega/releases，页面滚动到下方，找到SwitchyOmega_Chromium.crx，点击链接下载crx文件

Whistle android调试_Whistle android调试_05


2、 将下载好的crx文件的扩展名改为zip，并解压

3、 Chrome浏览器的地址栏输入chrome://extensions/，打开扩展程序页面

chrome://extensions/

在扩展程序页面中，找到右上角的开发者模式，将开发者模式打开。点击“加载已解压的扩展程序”，引入proxy插件

Whistle android调试_扩展程序_06


4、 显示这样，插件就已经成功安装进来了

Whistle android调试_chrome_07


5、 然后浏览器右上角，切换到proxy，PC端的就准备完成了

Whistle android调试_chrome_08

设置手机代理

本例通过IOS系统进行介绍，安卓系统设置代理和以下步骤类似。

1、 设置代理

点击自己连接的WIFI，进入配置详情页后选择手动，HTTP代理中，服务器设置为电脑的IP地址，端口输入8899

Whistle android调试_https_09


2、 安装证书

进入我们之前打开的whistle页面，点击HTTPS，会弹出证书，用手机扫描二维码，然后安装证书

http://127.0.0.1:8899/#network


3、 证书安装完成后，需要【证书信任设置】

Whistle android调试_Whistle android调试_10


至此，whistle配置完成，可以抓个包看看。

在我们自己的手机应用中进行操作，http请求就可以被whistle界面的network捕获啦