Charles packet capture tool learning record

Background

I need to perform packet capture analysis on an Android APP, but fiddler cannot be installed on macOS, so I installed Charles.
Installation address: https://macwk.com/soft/charles
Reference tutorial: https://www.bilibili.com/video/BV1mQ4y1N7dn

Interface common functions

Main navigation bar:

Request bar:

Charles Port Configuration

The default is port 8888, you can also change it yourself.Remember to check "Enable transparent HTTP proxying", that is, transparent proxying (requests can be redirected without modifying the request and response).

Client Access Control

Control which IP clients can go through Charles' proxy server.After checking the lower left corner of the right image, a visit will let you confirm it.

Configure the proxy address for the client (win/mac/android)

For Windows, it needs to be configured as follows in the settings:
The ip can be found here


For macOS,Configure the proxy address as follows:

If Charles and needIf the mac that captures the package is the same, you can use the shortcut method to set the proxy, as shown in the figure below, just check it.

For Android devices, directly long press the connected wifi, and then configure the manual proxy, as shown in the figure:

Solve the problem of https capture and garbled characters

Solution: First, configure the proxy in Charles (Proxy->SSL Proxying Settings, as shown below).

Then, install ssl certificate on different clients.

For Windows machines:

For macOS: installSelect "Login" for the certificate, not icloud.

Click the lock to enable SSL proxy.

For Android devices, visit http://www.charlesproxy.com/getssl/ or http://chls.pro/ssl to download and install the certificate (Xiaomi mobile phone: search for the CA certificate in the settings, click to install).

Traffic Configuration (Weak Network Test Scenario)

The steps are as follows.

Breakpoint debugging

Steps: Add a breakpoint - send a request - intercept and modify the request content - send a request