移動端Charles抓取https包

一、安裝charles抓包工具
二、配置Charles,允許抓取https包
Proxy->SSL Proxying Settings…,勾選Enable SSL Proxying,Add一個locations,通過通配符* 抓取所有域名的https。(如果想只抓取某個域名的,設(shè)置具體域名的即可)

image.png

image.png

三、PC端Charles安裝https證書
Help->SSL Proxying ->Install Charles Root Certificate,然后在鑰匙串中信任證書即可

如果想要抓取pc端的接口請求勾選上macOS proxy就可以了


image.png

四、手機(jī)端手機(jī)端配置PC的代理并下載Charles的證書
首先需要手機(jī)連接到與當(dāng)前電腦同一個wifi局域網(wǎng),對該wifi網(wǎng)絡(luò)進(jìn)行高級設(shè)置-代理:
代理服務(wù)器主機(jī)名:使用PC的本機(jī)IP地址
代理服務(wù)器端口:使用Charles設(shè)置的Port值,默認(rèn)是8888,可以在下圖proxy Settings查看端口號

image.png

image.png

然后確定保存,第一次配置完代理,PC端會彈窗詢問是否允許代理,點擊allow
image.png

這時我們的手機(jī)就已經(jīng)掛上代理了。你也可以這么通過add添加


image.png

image.png

掛上代理了之后手機(jī)端需要在瀏覽器中訪問chls.pro/ssl 下載證書


image.png

image.png

ios10以上系統(tǒng)不會自動信任證書,需要在設(shè)置->通用->關(guān)于本機(jī),信任安裝的證書

現(xiàn)在客戶端環(huán)境下,我們已經(jīng)可以隨時調(diào)試本地的H5代碼了。
Charles結(jié)合nginx和ihost開發(fā),在nginx代理的時候在開啟charles用手機(jī)訪問開發(fā)文件可能訪問不到,可能是自制證書不信任的問題,需要對nginx和chrome做特殊處理
設(shè)置本地 nginx 的 HTTPS(證書設(shè)置信任)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容