寫在前面
??本文以Windows + IOS + Charles為例，簡單說明抓包的原理，配置步驟以及遇到的坑。
一、場景描述
??測試人員在JIRA上給我指派了一個Bug，說是前端uniapp會員展示頁的數(shù)據(jù)不正確。前端是個小程序、HTTPS加密，無法像H5一樣可以直接復制出來鏈接地址。由于是臨時去看這個Bug，我沒有開發(fā)者賬號，無法直接使用微信開發(fā)者工具調(diào)試。那么接下來要解決的問題就是如何才能拿到會員頁具體請求的URL？
解決辦法，無外乎2種：
1、直接找前端問（簡單快捷，但麻煩別人，再遇到問題還得找）
2、使用工具抓包（自己動手，豐衣足食，一勞永逸）
抓包工具，網(wǎng)上有很多，配置教程也很多（良莠不齊），這里我歸納整理了一下，以Charles為例進行說明。
二、具體步驟
先簡單說一下原理，讓首次接觸抓包工具的同學有個整體的概念。
1、下載并安裝Charles抓包工具，開啟代理端口，作為一個代理服務器。
2、手機連接WiFi（同Windows一個WiFi），給手機的WiFi配置代理，服務器和端口號為Charles代理服務器
這樣，所有手機端的請求（包括手機登錄小程序進入相應頁面）都會經(jīng)過Charles代理，也就能抓到包。
1.環(huán)境說明
| 名稱 | 說明 |
|---|---|
| Windows版本 | Win10/X64 |
| Charles版本 | V4.6.4 |
| IOS版本 | 15.4 |
2.下載Charles安裝
進入Charles官網(wǎng)下載頁面，選擇最新版Windows x86_64（msi），下載安裝即可。
軟件默認是免費試用，可進入在線破解進行破解。
3.Charles開啟代理
Proxy-》Proxy Settings…，填寫端口號：8888
4.手機端設置代理
4.1Windows端操作
進入cmd窗口，輸入ipconfig，找到WLAN的ip地址：10.100.8.239
4.2手機端操作
設置-》無線局域網(wǎng)-》點擊和Windows連接相同的網(wǎng)絡（zhht-office）-》配置代理-》手動-》填寫服務器（電腦WLAN的ip地址:10.100.8.239）、端口（Charles上配置的端口:8888）
此時，HTTP類的請求就可以在Charles上抓到，但是HTTPS類型的，地址是unknown，因為HTTPS是加密傳輸。
查看Overview，可以看到Notes: SSL Proxying not enabled，那接下來，我們就去開啟SSL Proxy。
5.配置SSL
5.1Charles安裝SSL證書
Help-》SSL Proxying-》Install Charles Root Certificate
點擊安裝證書（筆者這里已經(jīng)安裝Charles Proxy CA）
選擇存儲位置-》當前用戶
將所有證書都放入下列存儲-》受信任的根證書頒發(fā)機構(gòu)-》完成
5.2Charles配置SSL Proxy
勾選Enable SSL Proxying，在Location中add Location，Host為*，Port為*
注意：這里筆者剛開始添加了443端口（HTTPS默認端口號），但是，不好使（可能是網(wǎng)站更換端口號），將port換成了*，可以正常訪問
5.3手機端安裝SSL證書
根據(jù)提示，用瀏覽器訪問chls.pro/ssl，下載證書，允許訪問
通用-》VPN與設備管理-》選中Charles Proxy CA-》安裝
通用-》關于本機-》證書信任設置-》啟用
再次訪問，至此，就可以愉快地玩耍了。具體軟件里面的功能，大家可以自行探索。
三、參考資料
十分鐘學會Charles抓包
Mac下抓包工具Charles使用文章來源：http://www.zghlxwxcb.cn/news/detail-497441.html
寫在后面
??如果本文內(nèi)容對您有價值或者有啟發(fā)的話，歡迎點贊、關注、評論和轉(zhuǎn)發(fā)。您的反饋和陪伴將促進我們共同進步和成長。文章來源地址http://www.zghlxwxcb.cn/news/detail-497441.html
到了這里，關于【Charles】-蘋果手機 IOS15.4 抓HTTPS包的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
