Charles配置代理以及简单使用

一、简介

1、概念

请添加图片描述

charles中文名叫青花瓷，它是一款基于HTTP协议的代理服务器，通过成为电脑或者浏览器的代理，然后截取请求和请求结果达到分析抓包的目的。 **特点：**跨平台、半免费。

半免费：

启动等到10S。 半个小时重启一次。

2、工作原理

请添加图片描述

前置步骤：

1. 需要运行Charles并配置代理
2. 在客户端上面需要配置代理

步骤：

1. 由客户端发送请求
2. Charles接收再发送给服务端
3. 服务端返回请求结果给Charles
4. 由Charles转发给客户端

3、主要功能

• 支持Http和Https代理
• 支持流量控制
• 支持接口并发请求
• 支持重发网络请求
• 支持断点调试

4、优点

请添加图片描述

5、Charles组件介绍

请添加图片描述

请添加图片描述

请添加图片描述

二、初始化安装(MacOS)

1、Charles安装

官网

https://www.charlesproxy.com/

请添加图片描述

2、配置代理(获取Http)

2.1 代理设置

请添加图片描述

2.2 获取本机IP

请添加图片描述

2.4 访问控制

限定IP进行访问

请添加图片描述

2.5 设置Mac电脑代理

请添加图片描述

macOS Ventura 13.0.1

在这里插入图片描述

2.6 http校验

Http校验

http://ihrm-test.itheima.net/#/login

3、配置Https

3.1 安装SSL证书

安装证书：

请添加图片描述

授权证书：

请添加图片描述

结果验证：

请添加图片描述

3.2 配置SSL代理

请添加图片描述

3.3 结果验证

请求百度网页后，能在Charles中看到请求信息和返回信息既可。

请添加图片描述

三、Charles使用

1、流量配置

1. 在Charles窗口中点击菜单 “Proxy”-> “Throttle Setting”
2. 在打开的设置窗口中勾选 “Enable Throttling”
3. 在“Throttle preset”下拉框中选择对应的网络类型
4. 点击 “oK”

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2、断点配置

1. 右击接口链接，选择 “Breakpoints”
2. 在浏览器刷新对应接口的页面
3. 此时会自动跳转到Charles并显示出接口请求信息
4. 点击“Edit Request”，修改请求的信息，点击 “Execute”
5. 点击 “Edit Response”
6. 在数据格式栏中选择合适的显示格式，比如 “ Json”
7. 修改对应的数据，点击 “Execute”
8. 回到浏览器查看数据应该为修改之后的Response的信息

3、断点调试

1. 右击接口链接，选择 “Breakpoints”
2. 在浏览器刷新对应接口的页面
3. 此时会自动跳转到Charles并显示出接口请求信息
4. 点击 “Edit Request”，修改请求的信息，点击“Execute"
5. 点击 “Edit Response”
6. 在数据格式栏中选择合适的显示格式，比如 “Json”
7. 修改对应的数据，点击 “Execute”
8. 回到浏览器查看数据应该为修改之后的Response的信息

在这里插入图片描述

编辑请求参数：

在这里插入图片描述

编辑返回参数：

四、Windows客户端配置

1、Windows代理配置

1. 在chrome浏览器中输入Chrome://setting
2. 在搜索框中输入“代理”
3. 点击“打开您计算机的代理设置”
4. 在手动设置代理中 开启代理
5. 在地址输入框中输入Charles的1P地址以及端口
6. 点击“保存”，关闭页面。

在这里插入图片描述

在这里插入图片描述

2、Window中Https配置

1. 打开charles，选择“help”—>“SSL Proxying“—>“Install Charles Root Certificate“
2. 在打开的证书框中，点击“安装证书”，选择“本地计算机”，点击“下一步“
3. 选择“将所有证书都存放下列存储”，再点击“浏览”
4. 选择“受信任的根证书颁发机构”，点击“确定”—>“下一步”—>“完成”

在这里插入图片描述

在这里插入图片描述