Charles的基本使用

一.Charles是什么？

Charles 是一款广受欢迎的网络抓包和调试工具，通常用于开发和测试 Web 应用程序。它能够帮助开发者分析和调试 HTTP/HTTPS 流量，尤其在调试 API、监控请求与响应时非常有用。

1.1 Charles 的主要功能：

1. HTTP/HTTPS 代理：Charles 可以作为代理服务器，监听并捕获通过 HTTP 和 HTTPS 协议发送的网络请求和响应。
2. 请求/响应分析：它提供了详细的请求和响应信息，包括 URL、请求头、响应头、Cookies、参数、请求体等内容。
3. 重放请求：你可以重新发送一个请求，甚至修改请求内容，这对于重现和调试非常有用。
4. SSL 代理：Charles 支持 HTTPS 流量的解密，可以解密和查看 HTTPS 请求的内容。
5. 流量模拟和修改：Charles 允许修改请求和响应的内容，模拟不同的服务器返回结果或不同的客户端请求。
6. 断点调试：可以设置断点来暂停和修改正在传输的数据，这对于调试非常有用。
7. 性能分析：Charles 还可以显示请求的加载时间和性能数据。
8. 支持多平台：Charles 支持 macOS、Windows 和 Linux 系统。
9. WebSocket 支持：它可以监听和调试 WebSocket 请求，查看实时数据流。

1.2 对比另一款抓包软件fiddler：

二.Charles的安装

下载地址：

Download a Free Trial of Charles • Charles Web Debugging Proxy

Charles依赖Java运行时环境（JRE）。确保系统安装了适当版本的Java（通常Java 8及以上版本）。如果没有安装Java，Charles将无法正常运行。

可以在cmd中输入 java -version 来检查是否电脑配置了java环境

2.1 配置SSL代理

设置代理 SSL 是指将设备或浏览器的代理配置为通过 Charles 进行网络请求。这个设置的目的是让所有的流量通过 Charles 代理服务器，这样 Charles 就能够捕获到 HTTPS 请求和响应。

2.2 安装SSL连接证书

首先大部分请求都是https请求，是经过加密处理之后的请求，所以必须得先安装证书得到信任才能去进行抓取；

• 安装证书：保证 Charles 可以解密 HTTPS 流量。
• 设置代理 SSL：让网络流量通过 Charles，从而捕获并处理这些 HTTPS 请求和响应。

这俩个配置在使用Charles都是需要的 ~

三.Charles的基本使用

工具栏从左到右描述：

3.1 断点配置

1.首先找到你需要修改的链接 右键 选择

2.之后每次访问这个请求 都会跳转到Charles中，可以查看到它的信息，并且可以去修改它的请求已经它的响应内容

这个得打开断点控制

3.2 篡改请求和响应

经过上述操作过，就可以去更改它的发送请求以及响应

正常界面

修改请求

虽然查的blogId是114663 但实际显示的是id为114661的内容

修改响应 请求不变，点击下一步。

修改成功。

其次还可以修改状态码啥的，可以用来测试前后端是否添加了异常的逻辑~

错误的状态码，并不会返回数据

3.3 弱网测试

模拟网速不好的情况 以百度搜索页首页为例：

正常情况下 耗时 1.8s左右

配置弱网

耗时结果 13.28s

四.APP抓包

1.电脑网络得与手机网络一致;

2.手机进行设置静态代理;

查看到本机ip和对应的端口

找到wifi下面设置静态代理，输入

3.手机下载证书

https://www.charlesproxy.com/assets/legacy-ssl/charles.crt 在浏览器打开对应网站并且下载CA证书即可。