Charles Proxy（以下简称Charles）是一款功能强大的HTTP/HTTPS网络抓包分析工具，被全球开发者誉为"网络调试的瑞士军刀"。作为资深全栈工程师，我将在本教程中系统讲解Charles的核心功能与应用技巧，助你掌握这一开发利器。

一、Charles核心价值与工作原理

Charles抓包工具核心实战教程指南

核心价值定位：

  • 可视化网络请求：实时监控HTTP/HTTPS请求与响应
  • 安全调试能力：支持SSL代理解密HTTPS流量
  • 网络环境模拟：可自定义带宽、延迟等参数
  • 请求篡改调试：动态修改请求参数测试边界场景

    • 工作原理示意图：

    客户端 → Charles代理（8888端口） → 目标服务器

    Charles作为中间人（Man-in-the-Middle）代理，截获并解析双向流量，通过SSL证书实现HTTPS内容解密。

    二、基础配置三步曲

    1. 安装与启动

  • 官网下载：
  • 支持macOS/Windows/Linux全平台
  • 首次启动提示许可证选择（免费版每30分钟重启）

    • 2. 代理设置（以macOS为例）

    bash

    终端配置全局代理

    networksetup -setwebproxy "Wi-Fi" 127.0.0.1 8888

    networksetup -setsecurewebproxy "Wi-Fi" 127.0.0.1 8888

    3. HTTPS证书安装（关键步骤！）

    1. 访问 `chls.pro/ssl` 下载证书

    2. macOS钥匙串设置：

  • 证书信任 → 始终信任

    • 3. Android设备：

  • 设置 → 安全 → 安装Charles证书

    • 4. iOS设备：

  • 文件安装 → 通用设置中启用完全信任

    • > 工程建议：企业开发环境建议部署Charles根证书到测试设备系统层，避免频繁安装

    三、高阶功能实战技巧

    1. SSL代理配置

    xml

  • Charles配置示例 >

    • .

    true

    适用场景：调试微信小程序、APP内嵌H5等加密请求

    2. 断点调试（Breakpoints）

    1. 右击目标请求 → Enable Breakpoints

    2. 触发请求时自动暂停

    3. 修改请求参数/响应数据

    json

    // 修改前

    {"user_id": 123}

    // 修改后

    {"user_id": 999999} // 测试大整数边界

    3. 网络环境模拟（Throttling）

  • 预设模板：3G/4G网络环境
  • 自定义参数：
  • 带宽限制（Bandwidth）
  • 延迟（Latency）
  • 丢包率（Packet Loss）

    • 压测场景：模拟2000ms延迟测试APP超时处理

    4. 重写规则（Rewrite）

    | 字段 | 示例值 | 作用 |

    | Host | api. → api. | 环境切换 |

    | Cookie | 追加debug_mode=true | 开启调试模式 |

    | Status Code | 200 → 404 | 测试异常处理 |

    四、移动端抓包专项

    Android代理配置

    java

    // 代码绕过证书校验（仅测试环境！）

    OkHttpClient client = new OkHttpClient.Builder

    sslSocketFactory(trustAllSockets)

    hostnameVerifier((host, session) -> true)

    build;

    iOS抓包难点突破

    1. 开启ATS例外（info.plist）：

    xml

    NSAppTransportSecurity

    NSAllowsArbitraryLoads

    2. Wifi手动代理配置：

  • 服务器：电脑IP地址
  • 端口：8888

    • 五、工程化应用场景

    1. API响应Mock

    json

    // Map Local配置

    response": {

    status": 200,

    body": {

    code": 0,

    data": / 本地JSON文件路径 /

    2. 性能优化分析

    1. 使用`Waterfall`视图检测：

  • DNS解析耗时
  • SSL握手时间
  • 资源加载顺序

    • 2. 识别重复请求

    3. 检测未压缩资源

    3. 自动化测试集成

    通过Charles CLI执行：

    bash

    charles proxy-port 8888 ssl-proxy-port 8890

    map-remote settings.json

    六、避坑指南（Troubleshooting）

    | 问题现象 | 解决方案 |

    | HTTPS显示`Unknown` | 检查证书信任链
    重装Charles根证书 |

    | Android 7+抓包失败 | 配置networkSecurityConfig |

    | iOS提示"不受信任证书" | 设置→通用→证书信任启用 |

    | 无法捕获localhost | 使用`localtest.me`替代 |

    七、专家建议与最佳实践

    1. 安全红线

  • 禁止在生产环境使用Charles
  • 测试设备隔离敏感账号
  • 及时清理抓包记录

    • 2. 性能优化

    java

    // 关闭无用视图提升性能

    Proxy Settings → 取消勾选"Enable HTTP/2

    Tools → 禁用"Auto Save Session

    3. 协作建议

  • 导出`.chls`文件共享抓包数据
  • 版本控制保存`Rewrite`/`Map`规则
  • 使用Workspace管理多项目配置

    • 4. 工具链整合

  • Postman：导入Charles请求生成文档
  • Jmeter：转换抓包结果为压测脚本
  • Chrome DevTools：交叉验证数据准确性

    • 工程师的洞察

    Charles不仅是一个抓包工具，更是理解网络通信本质的窗口。在使用过程中，建议开发者：

    1. 深入理解HTTP/2、QUIC等协议在抓包中的表现差异

    2. 警惕中间人代理引入的TLS指纹特征（可通过JA3检测）

    3. 将Charles与Wireshark结合使用：Charles处理应用层，Wireshark分析传输层

    > “优秀的工程师不满足于看到数据，更要理解数据流动的规律。”

  • 在API经济时代，掌握流量分析能力已成为全栈工程师的核心竞争力。

    • 【注】本文基于Charles v4.6.3编写，各平台操作细节可能随版本更新调整，请以官方文档为准。