步驟分類

Charles 抓取 https 請求，具體分為幾個方面：

1、基礎設定：是抓取 https 請求之前的基本設定
* Mac 上，Charles 的安裝
* Mac 上，Charles 的證書設定

2、抓取 https 請求的配置：
* iPhone 上，配置網路代理
* iPhone 上，設定信任 Charles 證書
* Mac 上，設定需要 Charles 抓取的 https 的 url 域名

具體步驟：

1.1、Mac 上安裝Charles

下載 Charles： https://www.charlesproxy.com/ 官網下載最新版本
安裝成功後，開啟 Charles

1.2、Mac 上 Charles 的證書設定

本地安裝 Charles 後，為了能夠抓取 https 請求，需要在 Mac 上，【配置 Charles 的證書】

在 Mac 上檢視【Charles 證書】是否已經生效：
在 Mac 系統的「鑰匙串」中，檢視「登入」or「系統」or「系統根證書」，檢視是否存在 Charles Proxy 的證書。（這裡如果出現有個紅色的小❌記得點開，然後選擇信任）

一般都能安裝成功。如果【鑰匙串】不存在 Charles 證書， 則需要將【上一步】中 匯出 的【Charles 證書】，「匯入」到「系統」or「登入」項，並進行授權信任，如上圖⬆️

2.1. 抓取 https 請求的配置

iPhone 上，配置網路代理
在手機網路中

伺服器：Mac 的 ip 地址
埠：8888（Charles預設）

2.2 iPhone 上，安裝並設定信任 Charles 證書

具體，在 iPhone 上，用「瀏覽器」開啟： www.charlesproxy.com/getssl/ 地址，即可進行【證書安裝】：

iPhone 上，安裝 Charles 證書後，一定需要驗證一下，具體驗證方法：

• 設定 -> 通用 -> 關於本機 -> 證書信任設定

  
  
  

  image.png

2.3. Mac 上，設定需要 Charles 抓取的 https 的 url 域名

配置之後，即可通過 Charles 抓取並檢視 https 請求

如果是安卓手機下載第一步一樣，下載證書
一、證書下載
方法1：用「瀏覽器」開啟： www.charlesproxy.com/getssl/ 地址，然後儲存在下載目錄（但是這裡需要注意，需要將 檔案 字尾名改為.cer）
方法2：在 Charles 工具欄裡點選 Help --- SSL Proxying --- Save Charles Root Certificate，生成 字尾名是 .cer 的檔案， 然後上傳到微信裡，最後點選安裝

二、安裝
手機：設定---更多設定---系統安全---從儲存裝置安裝--選擇檔案

參考資料：

https://www.jianshu.com/p/468e2905a3e1

話說小主開了一個微信公眾號：[民間程式設計師]，分享H5相關知識點，H5踩坑記，H5實戰案例分享等，歡迎大家關注~