Charles的配置與使用

PC:MacOS
手機:iPhone

中文名叫青花瓷,它是一款基於HTTP協議的代理服務器,經過成爲電腦或者瀏覽器的代理,而後截取請求和請求結果達到分析抓包的目的。css

配置

手機端

  1. 開啓Charles,使手機與Mac處於同一Wi-Fi環境下,點擊Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser

按提示配置代理,以後安裝手機端證書(safari訪問 chls.pro/ssl 默認下載)並信任(設置 -> 通用 -> 關於 -> 證書信任設置)

手機配置代理html

若是你須要在不一樣地點辦公使用charles,手機端須要添加新證書,並信任。
證書信任設置前端

Mac端

  1. 安裝證書並信任(點擊以後沒反應就在 keychain 裏面搜索 charles 試試)

安裝證書
信任證書

  1. 開啓SSL代理

  1. 關閉 macOS proxy,避免干擾

至此,Charles就應該能夠正常使用了。

Map 功能

Charles 的 map 功能可將某個請求進行重定向,用重定向的內容響應請求的內容。具體分爲兩種:map local (將某個網絡請求重定向到本地某個文件)、map remote (將某個網絡請求重定向到另外一個網絡請求),二者均可以將js、css、html以及api接口進行重定向,此外也可使用通配符來進行簡單的批量匹配,達到批量重定向的目的。

Map local

在開發過程當中使用 map local 功能能夠返回自定義數據來覆蓋各類測試樣例。
步驟:api

  1. 功能開啓: Tools → map local -> ✔️ Enable Map Local
  2. 添加要調試的請求:點擊 add 按鈕,或在此請求上點擊右鍵,選擇map local

 map from(要調試的線上文件)、map to(本地文件)
右鍵彈窗
Edit Mapping瀏覽器

  1. 在對應目錄建立文件,自定義假數據便可。

本地假數據

Map remote

進行一個需求開發,測試環境是:dev.a.com,測試完成,前端開發者上線了,如今QA須要跟蹤線上狀況,如何切到線上環境?這時就用到了 map remote 。步驟與 map local 相似。服務器

Map 通配符

*: 能夠匹配0個或者多個字符
?: 能夠匹配一個字符網絡

Throttle

Thorttle Settingsapp

  • Bandwidth 帶寬
  • Utilisation 利用率
  • Round-trip latency 往返延遲
  • MTU(maximum transmission unit)最大傳輸單元
  • Reliability 可靠性
  • Stability 穩定性
  • Unstable quality range 不穩定的質量範圍

相關文章
相關標籤/搜索