工具地址:https://wproxy.org/whistle/
1、 安裝nodejs環境
參考方法:https://github.com/nvm-sh/nvm
1)安裝
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
如圖,安裝成功
2)配置環境變量
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)檢查是否安裝成功
command -v nvm
2、安裝nodejs
nvm install node
如圖,安裝成功
3、use node
nvm use node
nvm run node --version
3、安裝whistle
參考:https://wproxy.org/whistle/
1、一鍵安裝、啟動 Whistle
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證書,雙擊安裝
打開網頁,即可完成抓包
5、本地關閉whistle
- 執行命令關閉
w2 stop
2、關閉瀏覽器插件的代理模式