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


三、PC端Charles安裝https證書
Help->SSL Proxying ->Install Charles Root Certificate,然后在鑰匙串中信任證書即可
如果想要抓取pc端的接口請求勾選上macOS proxy就可以了

四、手機(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查看端口號


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

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


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


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è)置信任)