工具地址:https://wproxy.org/whistle/
1、 安装nodejs环境
参考方法:https://github.com/nvm-sh/nvm
1)安装
bash
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
如图,安装成功
2)配置环境变量
bash
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
3)检查是否安装成功
bash
command -v nvm

2、安装nodejs
bash
nvm install node
如图,安装成功
3、use node
bash
nvm use node
nvm run node --version

3、安装whistle
参考:https://wproxy.org/whistle/
1、一键安装、启动 Whistle
bash
npm i -g whistle && w2 start --init
如图,安装成功
2、本地启动whistle
本地浏览器输入:http://127.0.0.1:8899/
3、配置代理
1、浏览器代理 (推荐):安装浏览器代理插件
安装Chrome代理插件:推荐安装SwitchyOmega
插件地址:
https://chromewebstore.google.com/detail/proxy-switchyomega-3-zero/pfnededegaaopdmhkdmcofjmoldfiped
2、移动端需要在设置中配置当前Wi-Fi的代理,以 iOS 为例:
PS: 如果配置完代理,手机无法访问,可能是whistle所在的电脑防火墙限制了远程访问whistle的端口,关闭防火墙或者设置白名单:http://jingyan.baidu.com/article/870c6fc317cae7b03ee4be48.html
访问配置页面
启动whistle及配置完代理后,用Chrome浏览器(由于css兼容性问题界面只支持Chrome浏览器)访问配置页面,如果能正常打开页面,whistle安装启动完毕,可以开始使用。
可以通过以下两种方式来访问配置页面:
方式1:域名访问 http://local.whistlejs.com/
方式2:通过ip+端口来访问,形式如 http://whistleServerIP:whistlePort/ e.g. http://127.0.0.1:8899
方式2:通过命令行参数 -P xxxx 自定义webui的端口(xxxx表示要设置的端口号),自定义端口支持上述两种方式访问,也支持 http://127.0.0.1:xxxx
4、安装根证书
安装证书请参考文档: http://wproxy.org/whistle/webui/https.html
Mac: Mac根证书怎么安装
Mac 安装证书后,需要手动信任证书,步骤如下:
勾选,下载https证书,双击安装
打开网页,即可完成抓包