Windows 版 Charles 使用指南

轉載自同事HXX整理的Wiki

爲何使用 charles-windows

在實際開發、測試中須要經過代理截取 app 的網絡請求報文來快速定位問題。https 雙向認證的 app 愈來愈多,fiddler在這方面並很差用。因爲開發、測試的同窗使用 windows 系統較多,因此編寫此文檔做爲 Windows 版 charles使用指南。android

所需材料

  • Windows 系統電腦
  • 手機 (android 或 ios ,本文以 android 系統手機爲例)

安裝配置步驟

安裝 windows 版charles

官網下載地址:
https://www.charlesproxy.com/download/ ios

本文使用爲4.1.4版本(最新版),下載地址:es6

https://www.charlesproxy.com/...

下載後,雙擊,選擇軟件保存目錄安裝便可。windows

配置 windows 版charles

設置不代理計算機的請求(推薦

proxy -> windows proxy (勾選則抓取計算機的請求)
proxy -> Mozilla Firefox proxy (勾選則抓取計算機上 Mozilla、Firefox瀏覽器的請求)
對 app 進行數據抓取的場景,這兩項 不勾選瀏覽器

設置代理 https 請求並添加證書

proxy -> SSL Proxy Settings 彈出一個 ssl代理設置界面網絡

1). Enable SSL Proxying **複選框打勾**    
2).添加你想要的設置代理的域名,端口默認 443    
3).添加域名的證書,端口默認 443,選擇證書文件(雙向認證必須添加證書)

charles1
charles2

關心域名重點顯示(可選)

View -> Foucused Hosts 用於設置重點關心域名,在列表中會獨立顯示
charles3app

安裝 charles 根證書

Help -> ssl proxy -> Install Charles Root Certificate測試

跳轉至系統證書安裝流程 安裝 charles 根證書

查看手機所需配置

Help -> ssl proxy -> Install Charles Root Certificate on a Moblie Device or Remote Browser
charles5es5

彈窗提示 手機的配置
charles4spa

手機設置

一、 手機連上同一網段的網絡,設置代理。
二、 手機瀏覽器(android 手機使用系統瀏覽器)訪問 chls.pro/ssl 安裝證書

開始使用

打開 app 便可開始抓取網絡通信,界面以下:
charles6

相關文章
相關標籤/搜索