Charles抓包工具-笔记

news2024/11/26 0:07:55

摘要

概念：

Charles是一款基于 HTTP 协议的代理服务器，通过成为电脑或者浏览器的代理，然后截取请求和请求结果来达到分析抓包的目的。

功能：

Charles 是一个功能全面的抓包工具，适用于各种网络调试和优化场景。

它的强大功能如 HTTPS 解密、断点调试和带宽模拟，使其成为开发者调试网络请求和分析问题的利器，但在使用时需注意合法合规性。

代理配置：

macOS：自动开启 Charles 代理本地IP

image.png

移动端：

如果手机和电脑不是同一个域名，需要配置一下 Charles 的 Access Control Setting，里面填一下对应的IP地址。

image.png

HTTPS证书配置：

目的：实现 Charles 能够解密 HTTPS 内容

客户端配置步骤：

1-下载如下的证书（记得配置下信任证书，否则配置无效）

image.png

2-配置 Charles（ “proxy” ->“SSL proxying setting”），加一个 403 端口即可

移动端见下方笔记

Charles抓包实战

  • Https抓包
  • 弱网测试
  • 断点调试

Charles 工具简介

概念

Charles中文名叫青花瓷，它是一款基于HTTP协议的代理服务器，通过成为电脑或者浏览器的代理，然后截取请求和请求结果达到分析抓包的目的。

核心功能

  1. 抓取 HTTP 和 HTTPS 请求
    • 能够捕获和记录所有通过代理发送的 HTTP/HTTPS 请求和响应。
  2. 数据分析
    • 解析和展示请求头、响应头、Cookie、Body 数据等，支持 JSON、XML等内容解析。
  3. 流量控制
    • 可以实现弱网环境的测试
  4. 支持接口并发请求
    • 实现并发请求的压力测试
  5. 请求修改和重发
    • 修改请求参数（如 URL、Header、Body）并重发，用于验证接口不同场景的行为。
  6. 断点调试
    • 设置请求或响应的断点，手动修改数据后继续执行，模拟不同的服务器响应或客户端行为。
  7. SSL 解密
    • 解密 HTTPS 流量，查看加密请求和响应的详细内容。
  8. 带宽模拟
    • 模拟不同的网络带宽条件（如慢速 3G、4G 等），测试应用在不同网络环境下的表现。
  9. 重定向与重写规则
    • 设置规则修改请求的 URL、路径或参数，用于测试本地开发或特定接口。
  10. 导出和共享数据
    • 支持抓包记录的导出和共享，方便团队协作。

使用场景

  1. 接口调试
    • 开发者可以查看请求参数是否正确，响应数据是否符合预期。
  2. 问题排查
    • 分析应用中的网络问题（如请求超时、响应慢、接口错误）。
  3. 前后端联调
    • 前端通过 Charles 查看后端接口返回的数据，调试接口对接问题。
  4. 移动应用抓包
    • 配置手机代理抓包，调试移动端网络请求。
  5. 模拟攻击与测试
    • 修改请求参数，测试服务器对异常输入的处理能力。

工作原理

image.png

前置步骤：

1、需要运行Charles并配置代理

2、在客户端上面需要配置代理

步骤：

1、由客户端发送请求

2、Charles接收 再发送给服务端

3、服务端返回请求结果给Charles

4、由Charles转发给客户端

Charles 优缺点

优点

  1. 功能强大：支持 HTTP/HTTPS 解密、断点调试、流量修改等高级功能。
  2. 跨平台：支持多个操作系统。
  3. 直观界面：可视化操作，易于上手。
  4. 插件扩展：支持规则自定义和自动化操作。

缺点

  1. 收费软件：免费试用有功能和时间限制。
  2. 证书安装复杂：特别是移动端 HTTPS 抓包时需要手动信任证书。
  3. 性能开销：对高频流量抓包可能会增加系统负担。

注意事项

  1. 法律与隐私：Charles 只能用于合法的抓包场景，不得用于窃取敏感信息或侵犯隐私。
  2. HTTPS 安全：Charles 的 SSL 解密功能会破坏 HTTPS 的安全性，仅在必要时启用，并妥善保管证书。

对比Fiddler的优点：

  • Charles能够支持linux、MacOs
  • Charles支持按域名和按接口查看报文，简洁明了
  • Charles支持反向代理
  • Charles网络限速可选择网络类型
  • Charles可以解析AMF协议

Charles 抓包配置

安装 Charles

  • 从官网（https://www.charlesproxy.com）下载并安装。
  • 支持 Windows、macOS 和 Linux。

组件介绍

image.png

主导航栏介绍

image.png

组件介绍

image.png

请求数据栏介绍

image.png

代理设置

image.png

桌面应用抓包：

Charles 默认监听本机的 8888 端口，浏览器或应用需将代理服务器指向 127.0.0.1:8888。

移动端抓包：

  • 将手机连接到与 Charles 所在主机相同的 Wi-Fi。
  • 配置手机的 HTTP/HTTPS 代理为 Charles 的地址和端口。

访问控制

配置 Proxy 下的 Access Control Settings，从而允许对应 IP 实现通过 Charles 的代理访问

image.png

MacOS 代理设置

**注意：**Charles和客户端是同一台电脑的话，默认情况下电脑的代理已经设置完成，无需配置

image.png

如果Charles和客户端不是同一台电脑的话，具体配置如下：

1-网络配置：

image.png

2-显示当前电脑的IP地址：

image.png

3-配置网页代理和安全网页代理：192.xxx.3.45:7777

image.png

iOS手机 代理设置

移动端配置需要移动端和Charles同时配置

移动端配置：

1、在iOS手机中选择“设置”-“无线局域网”

2、点击已连接的无线网络名称

3、在HTTP代理的配置代理中选择“手动”

4、输入服务器IP地址及端点，点击“存储”

image.png

Charles配置：

如果手机和电脑不是同一个域名，需要配置一下 Charles 的 Access Control Setting，里面填一下对应的IP地址。

image.png

Charles 抓包实战

https抓包

https会加密内容：

image.png

**解决方案：**安装SSL证书

步骤一：在Charles窗口中点击菜单 “proxy” ->“SSL proxying setting”

  • 配置一个443端口

image.png

步骤二：在打开的设置窗口中勾选“Enable SSL Proxying”

步骤三：点击“OK”。

image.png

MacOS 证书配置

步骤一：打开 Charles，选择“Help”->“SSL Proxy”->“Install Charles Root Certificate”

image.png

iOS 证书配置

在电脑上运行Charles，且IOS手机设置好代理，在浏览器中地址栏输入：http://charlesproxy.com/getssl

image.png

image.png

弱网测试

步骤一：在Charles窗口中点击菜单“Proxy”->“Throttle Setting”

步骤二：在打开的设置窗口中勾选“Enable Throttling”

步骤三：在“Throttle preset”下拉框中选择对应的网络类型

步骤四：点击“OK”

image.png

断点调试

**作用：**用来构建异常的测试场景

1、右击接口链接，选择“Breakpoints”

image.png

2、在浏览器刷新对应接口的页面

3、此时会自动跳转到Charles并显示出接口请求信息

4、点击“Edit Request”，修改请求的信息，

点击 “Execute”

Case:

场景一：在人事管理系统中增加角色时，把角色名设置为空，然后请求到服务器

中间断点处理：把角色名设置为空

image.png

返回查看页面：新增字段为空，很明显不符合规定，应该找后端进行修改

image.png

场景二：针对查询员工接口请求时，修改返回数据success=false,code=999, message=操作失败

结果：页面显示为空

参考

  • 软件测试教程Charles抓包工具测试实战

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2247551.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Echarts+VUE饼图的使用（基础使用、多个饼图功能、单组饼图对应颜色使用）

Echarts+VUE饼图的使用（基础使用、多个饼图功能、单组饼图对应颜色使用）

安装&#xff1a;npm install echarts --save 配置:main.js // 引入echarts import * as echarts from echarts Vue.prototype.$echarts echarts一、基础饼图&#xff08;直接拷贝就能出效果&#xff09; <div class"big-box" ref"demoEhart"><…
阅读更多...
神经网络（系统性学习三）：多层感知机（MLP）

神经网络（系统性学习三）：多层感知机（MLP）

相关文章&#xff1a; 神经网络中常用的激活函数 神经网络&#xff08;系统性学习一&#xff09;&#xff1a;入门篇 神经网络&#xff08;系统性学习二&#xff09;&#xff1a;单层神经网络&#xff08;感知机&#xff09; 多层感知机&#xff08;MLP&#xff09; 多层感…
阅读更多...
C语言练习.if.else语句.strstr

C语言练习.if.else语句.strstr

今天在做题之前&#xff0c;先介绍一下&#xff0c;新学到的库函数strstr 想要使用它&#xff0c;要先给它一个头文件<string.h> char *strstr(const char*str1,const char*str2); 首先&#xff1a;1.strstr的返回值是char&#xff0c;字符类型的。 2.两个实参&#xff…
阅读更多...
golang实现TCP服务器与客户端的断线自动重连功能

golang实现TCP服务器与客户端的断线自动重连功能

1.服务端 2.客户端 生成服务端口程序： 生成客户端程序： 测试断线重连： 初始连接成功
阅读更多...
c语言数据结构与算法--简单实现线性表（顺序表+链表）的插入与删除

c语言数据结构与算法--简单实现线性表（顺序表+链表）的插入与删除

老规矩&#xff0c;点赞评论收藏关注&#xff01;&#xff01;&#xff01; 目录 线性表 其特点是&#xff1a; 算法实现&#xff1a; 运行结果展示 链表 插入元素&#xff1a; 删除元素&#xff1a; 算法实现 运行结果 线性表是由n个数据元素组成的有限序列&#xff…
阅读更多...
textureLod lod的确定

textureLod lod的确定

1. 自动计算导数方法 float calculateLOD(sampler2D tex, vec2 uv) { // 计算纹理坐标的导数 vec2 dUVdx dFdx(uv); vec2 dUVdy dFdy(uv); // 计算纹理大小 vec2 textureSize textureSize(tex, 0); // 0表示基础mipmap级别 // 计算LOD float maxDeriv max(length(…
阅读更多...
C++数据结构与算法

C++数据结构与算法

C数据结构与算法 1.顺序表代码模版 C顺序表模版 #include <iostream> using namespace std; // 可以根据需要灵活变更类型 #define EleType intstruct SeqList {EleType* elements;int size;int capacity; };// Init a SeqList void InitList(SeqList* list, int capa…
阅读更多...
SSH 反向端口转发-R

SSH 反向端口转发-R

近期和同学聊到了他遇到的一个问题&#xff1a; 本地机器A&#xff0c;远程开发机C&#xff0c;机器A需要通过ssh连接开发机C进行开发&#xff0c;ssh直连不通&#xff0c;SCP传输文件的话就比较费劲&#xff0c;需要通过跳板机B&#xff0c;经过跳板机这一步骤可用&#xff0…
阅读更多...
实时质检系统—静音检测功能设置流程

实时质检系统—静音检测功能设置流程

设置流程 1. 设置静音检测时间 在实时质检系统中&#xff0c;有一静音检测功能&#xff1a;可以对主叫或被叫在接通后的规定时间内开启静音检测。例&#xff1a;被叫静音检测配置设置了10&#xff0c;那么质检电话在接通后的10秒内&#xff0c;开启静音检测&#xff0c;如果被…
阅读更多...
生成式UI 动态化SDK的研发(二)--实现垂直布局、水平布局以及文字组件

生成式UI 动态化SDK的研发(二)--实现垂直布局、水平布局以及文字组件

文章目录 1. 概述2. 效果展示2.1 垂直布局容器(Column)2.2 水平布局容器(Row )2.3 本文示例动态化模板DSL 3. 生成式UI 动态化SDK的渲染流程4. Column和Row组件实现4.1 Column组件4.1.1 视图的渲染4.1.2 事件解析绑定 4.2 Row组件4.3 文字组件(Text) 5. 源码地址 1. 概述 在前…
阅读更多...
JavaScript中的this指向绑定规则（超全）

JavaScript中的this指向绑定规则（超全）

JavaScript中的this指向绑定规则&#xff08;超全&#xff09; 1.1 为什么需要this? 为什么需要this? 在常见的编程语言中&#xff0c;几乎都有this这个关键字&#xff08;Objective-C中使用的是self),但是在JavaScript中的this和常见的面向对象语言中的this不太一样 常见面…
阅读更多...
Vision Transformer（VIT模型）

Vision Transformer（VIT模型）

【11.1 Vision Transformer(vit)网络详解-哔哩哔哩】 https://b23.tv/BgsYImJ 工作流程&#xff1a; ①将输入的图像进行patch的划分 ②Linear Projection of Flatted patches&#xff0c;将patch拉平并进行线性映射生成token ③生成CLS token&#xff08;用向量有效地表示整…
阅读更多...
2024年11月最新 Alfred 5 Powerpack (MACOS)下载

2024年11月最新 Alfred 5 Powerpack (MACOS)下载

在现代数字化办公中&#xff0c;我们常常被繁杂的任务所包围&#xff0c;而时间的高效利用成为一项核心需求。Alfred 5 Powerpack 是一款专为 macOS 用户打造的高效工作流工具&#xff0c;以其强大的定制化功能和流畅的用户体验&#xff0c;成为众多效率爱好者的首选。 点击链…
阅读更多...
C#里怎么样检测文件的属性？

C#里怎么样检测文件的属性？

C#里怎么样检测文件的属性？ 对于文件来说，在C#里有一种快速的方法来检查文件的属性。 比如文件是否已经压缩， 文件是否加密， 文件是否是目录等等。 属性有下面这么多： 例子演示如下： /** C# Program to View the Information of the File*/ using System; using Syste…
阅读更多...
网络安全，文明上网（4）掌握网络安全技术

网络安全，文明上网（4）掌握网络安全技术

前言 在数字化时代&#xff0c;个人信息和企业数据的安全变得尤为重要。为了有效保护这些宝贵资产&#xff0c;掌握一系列网络安全技术是关键。 核心技术及实施方式 1. 网络监控与过滤系统&#xff1a; 这些系统构成了网络防御体系的基石&#xff0c;它们负责监控网络通信&…
阅读更多...
Vue 项目中如何使用FullCalendar 时间段选择插件(类似会议室预定、课程表）

Vue 项目中如何使用FullCalendar 时间段选择插件(类似会议室预定、课程表）

本文中是基于VUEelementui项目中实现的前后端分离的前端功能部分&#xff1a; 插件的官方文档&#xff1a;FullCalendar 1.安装对应依赖&#xff08;统一安装版本为6.15&#xff09; npm install --save fullcalendar/core6.15 npm install --save fullcalendar/daygrid6.…
阅读更多...
Oracle SQL优化③——表的连接方式

Oracle SQL优化③——表的连接方式

前言 表&#xff08;结果集&#xff09;与表&#xff08;结果集&#xff09;之间的连接方式非常重要&#xff0c;如果CBO选择了错误的连接方式&#xff0c;本来几秒就能出结果的SQL可能执行一天都执行不完。如果想要快速定位超大型SQL性能问题&#xff0c;就必须深入理解表连接…
阅读更多...
小程序25- iconfont 字体图标的使用

小程序25- iconfont 字体图标的使用

项目中使用到图标&#xff0c;一般由公司设计进行设计&#xff0c;设计好后上传到阿里巴巴矢量图标库 日常开发过程中&#xff0c;也可以通过 iconfont 图标库下载使用自带的图标 补充&#xff1a;使用 iconfont 图标库报错&#xff1a;Failed to load font 操作步骤&#xff…
阅读更多...
Java基于SpringBoot+Vue的藏区特产销售平台

Java基于SpringBoot+Vue的藏区特产销售平台

博主介绍&#xff1a;✌程序员徐师兄、7年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专栏推荐订阅&#x1f447;…
阅读更多...
selinux及防火墙

selinux及防火墙

selinux说明 SELinux 是 Security-Enhanced Linux 的缩写&#xff0c;意思是安全强化的 linux 。 SELinux 主要由美国国家安全局&#xff08; NSA &#xff09;开发&#xff0c;当初开发的目的是为了避免资源的误用。 httpd进程标签&#xff08;/usr/share/nginx/html &#…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023