Charles 使用教程

发表于 2018-11-29 分类于 DevTool 阅读次数：本文字数： 2.1k 阅读时长 ≈ 2 分钟

Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information)

Charles是一个HTTP代理/ HTTP监视器/ 反向代理，使开发人员能够查看其机器和Internet之间的所有HTTP和SSL / HTTPS流量，这包括请求，响应和HTTP标头（包含cookie和缓存信息）

Charles

主要特点

SSL代理 - 以纯文本格式查看SSL请求和响应
Bandwidth Throttling模拟较慢的Internet连接，包括延迟
AJAX调试 - 以树或文本形式查看XML和JSON请求和响应
AMF - 以树形式查看Flash Remoting / Flex Remoting消息的内容
重复请求以测试后端更改
编辑测试不同输入的请求
用于拦截和编辑请求或响应的断点
使用W3C验证器验证记录的HTML，CSS和RSS / atom响应

本篇文章操作均基于Charlers 4.2.8版本，及 macOS 10.14.5 版本

安装

Windows：略
macOS：略

下载地址：官方Charles

激活

有能力，请支持付费支持正版~
有能力，请支持付费支持正版~
有能力，请支持付费支持正版~

仅供个人学习研究和交流使用，请勿用于任何商业用途。
Charles ——> Help ——> Register Charles…

1 2	Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4

激活密钥来自知了

配置

配置流程

获取操作系统网络IP地址
修改客户端网络IP连接
在操作系统及客户端上安装证书
设置SSL代理

以上配置要求，操作系统（Windows，macOS）及客户端（Android，iOS）连接在 同一WiFi网络

获取系统 IP

不管是是 Windows 系统还是 macOS 系统都可以通过 Charles 来获取，获取方式 Help ——> Local IP Address
charles-ip

Windows

使用命令行查看网络 IP 地址 ipconfig
charles-windows-ip

macOS

使用命令行查看网络 IP 地址 ifconfig en0
macOS系统设置查看IP 地址 System Preferences ——> Network

查看监听端口

Proxy——> Proxy settings...
charles-view-port

客户端设置

要求手机网络与 PC 网络同链接在一个路由器网络下，这样手机的请求都将通过 PC，因此在 Charles 上可以看到手机上的网络请求。

手机上安装下面的步骤请看下面的详细介绍，安装完证书，Charles 将会收到提示，进行允许即可
charles-allow

Android

修改网络配置选项
导入Charles证书，使用浏览器打开 www.charlesproxy.com/getssl 或 http://chls.pro/ssl，下载证书，并进行安装

iOS

修改网络配置选项
导入Charles证书
证书授权

模拟器

Charles设置

Install Charles Root Certificate
完成客户端的设置，我们此时再对 Charles 进行设置，首先我们先进性安装 Charles 证书，Help ——> SSL Proxying... ——> Install Charles Root Certificate
添加证书
证书授权设置
SSL Proxy settings
- Host：为需要过滤的域名地址，* 表示不过滤
- Port：固定为443，* 表示任意端口