1轨奄、Charles安裝
下載地址:https://www.charlesproxy.com/latest-release/download.do
安裝完成后需要安裝證書,Help – SSL Proxying – Install Charles Root Cetificate拒炎,然后彈出證書安裝頁(yè)面挪拟,完成后將證書設(shè)置為始終信任。
2击你、手機(jī)安裝證書
點(diǎn)擊Charles的 Help – SSL Proxying – Install Charles Root Cetigicate on a Mobile Device or Remote Brower玉组,將彈框中的代理ip和端口配置到手機(jī)(PS:手機(jī)和電腦需連接同一局域網(wǎng))
手機(jī)WiFi配置代理完成后,瀏覽器輸入chls.pro/ssl丁侄,下載并安裝證書(PS:ios安裝后需要添加信任惯雳,在設(shè)置 – 通用 – 關(guān)于本機(jī) – 證書信任設(shè)置中將Charles Proxy CA打開;
安卓瀏覽器輸入chls.pro/ssl時(shí)可能會(huì)顯示網(wǎng)絡(luò)錯(cuò)誤鸿摇,可以在pc端下載.ca證書石景,然后發(fā)送到手機(jī)安裝,具體如下
上述操作完成后拙吉,手機(jī)端打開任意app后潮孽,即可在Charles中看到訪問(wèn)的頁(yè)面請(qǐng)求
3、spy-debugger安裝
全局安裝
npm install spy-debugger -g
安裝完成后筷黔,命令行執(zhí)行
spy-debugger
啟動(dòng)spy-debugger服務(wù)往史,成功后會(huì)在用戶目錄下生成一個(gè)node-mitmproxy文件夾,這個(gè)文件夾內(nèi)放的就是代理需要的證書佛舱,雙擊node-mitmproxy.ca.crt文件進(jìn)行安裝
椎例,然后添加始終信任挨决,再將證書發(fā)送到手機(jī)進(jìn)行安裝(參考Charles證書安裝過(guò)程)
pwd // 查看當(dāng)前目錄
cd .. // 找到自己的用戶目錄,跳轉(zhuǎn)到該目錄下
cd node-mitmproxy // 跳轉(zhuǎn)
open ./ // 打開node-mitmproxy文件夾
4订歪、移動(dòng)端調(diào)試
spy-debugger // 啟動(dòng)spy-debugger服務(wù)
或者
spy-debugger -e http://127.0.0.1:8888 // 啟動(dòng)spy-debugger服務(wù)脖祈,并設(shè)置外部代理為Charles的服務(wù)
然后設(shè)置手機(jī)的WiFi代理(ip和端口如上圖),設(shè)置完成后刷晋,在pc瀏覽器中訪問(wèn)http://127.0.0.1:58116/撒犀,
移動(dòng)端訪問(wèn)任意app,綠色表示成功捕獲到訪問(wèn)的頁(yè)面掏秩,然后可以子啊elements或舞、console中進(jìn)行調(diào)試