whistle的安裝、啟動、代理配置

whistle——跨平台web調試代理工具

whistle使用詳解————http://wproxy.org/whistle/

whistle的Github——https://github.com/avwo/whistle

1、whistle的安裝【前置依賴——nodejs】

1.0、需要先安裝node————確保node安裝最新的版本【nodejs安裝包網址——https://nodejs.org/】；

安裝完Node后，執行命令——node -v，查看當前Node版本【如果能正常輸出Node的版本號，表示Node已安裝成功】；

1.1、再安裝whistle————執行npm install -g whistle【Mac或Linux的非root用戶需要在命令行前面加sudo】；

或者npm默認鏡像是在國外，有時候安裝速度很慢或者出現安裝不了的情況，如果無法安裝或者安裝很慢，可以使用taobao的鏡像安裝

 npm install cnpm -g --registry=https://registry.npm.taobao.org

cnpm install -g whistle

whistle安裝完成后，執行命令 whistle help 或 w2 help，查看whistle的幫助信息【如果能正常輸出whistle的幫助信息，表示whistle已安裝成功】

 2、whistle的啟動

2.1、啟動——w2 start或者whistle start

 

2.2、停止——w2 stop 或者whistle stop

2.3、查看whistle的運行狀態——w2 status;

2.4、重啟whistle——w2 restart

2.6、調試模式啟動whistle(主要用於查看whistle的異常及插件開發)——w2 run

 

 3、代理配置；

1. 代理服務器：127.0.0.1 (如果部署在遠程服務器或虛擬機上，改成對應服務器或虛擬機的ip即可)
2. 默認端口：8899 (如果端口被占用，可以在啟動是時通過 -p 來指定新的端口)

3.1、windows 瀏覽器代理配置——請參考https://jingyan.baidu.com/article/0aa22375866c8988cc0d648c.html

 

 

 3.2、手機移動端代理配置【需要確保手機和pc連的是同一網絡】

以安卓手機為例：進入設置頁面

 

————查看pc ip的地址

或者

 

 4、訪問配置頁面【通過ip+端口來訪問】

啟動whistle成功后，即可在pc端Chrome瀏覽器上訪問http://127.0.0.1:8899/或者http://localhost:8899【由於css兼容性問題界面只支持Chrome瀏覽器】