charles总结

最新推荐文章于 2024-09-15 21:53:51 发布

测软件的小bug

最新推荐文章于 2024-09-15 21:53:51 发布

阅读量151

点赞数

文章标签： css html5 html 测试类型

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/zcl19971129/article/details/120065046

版权

本文详细介绍了Charles的工作原理，包括如何安装、下载证书，以及如何利用Charles进行HTTPS抓包、本地修改、弱网测试、模拟错误状态码和关注特定接口等高级功能。通过设置断点和使用Map Local功能，可以方便地修改请求和响应数据，进行接口测试。

摘要由CSDN通过智能技术生成

Charles的原理

客户端向服务器发起HTTPS请求
Charles拦截客户端的请求，伪装成客户端向服务器进行请求
服务器向“客户端”（实际上是Charles）返回服务器的CA证书
Charles拦截服务器的响应，获取服务器证书公钥，然后自己制作一张证书，将服务器证书替换后发送给客户端。
客户端接收到“服务器”（实际上是Charles）的证书后，生成一个对称密钥，用Charles的公钥加密，发送给“服务器”（Charles）
Charles拦截客户端的响应，用自己的私钥解密对称密钥(Charles拿到了对称密钥**)**，然后用服务器证书公钥加密，发送给服务器。
服务器用自己的私钥解密对称密钥，向“客户端”（Charles）发送响应
Charles拦截服务器的响应，替换成自己的证书后发送给客户端
至此，连接建立，Charles拿到了服务器证书的公钥和客户端与服务器协商的对称密钥，之后就可以解密或者修改加密的报文了。

总结：

HTTPS抓包的原理还是挺简单的，简单来说，

截获真实客户端的HTTPS请求，伪装客户端向真实服务端发送HTTPS请求

接受真实服务器响应，用Charles自己的证书伪装服务端向真实客户端发送数据内容

charles的安装

1.点击安装文件charles-proxy-4.2.8-win64

2.点击下一步

3.勾选同意，点击”next”按钮

4.指定安装的路径，继续点击”next”按钮

5. 点击”install”按钮

6.等待安装

7. 点击”Finish”按钮

8.安装结束

Charles证书下载

默认情况下，Charles不能解析https协议的接口，里面的请求和响应数据都是乱码格式，所以我们需要下载ssl证书，来获取里面的数据
web端：点击help，选中ssl Proxying ,点击Install Charles Root Certificate，点击下载

1：为什么下载charles的ssl证书

2.点击help，选中ssl Proxying ,点击Install Charles Root Certificate

3.点击”安装证书”按钮

4.点击”下一步”按钮

5.选中”将所有的证书都放入下列存储”，点击”浏览”按钮，选中”受新任的根证书颁发机构”，点击”确定”按钮，点击”下一步”按钮

6.点击”完成”按钮

7.界面弹出”导入成功”弹框

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

重新打开Charles，验证是否成功

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

能获取htpps的包数据，即可对web端进行抓包

charles的功能操作

方法一： breakpoints（修改request）
1.接口处，鼠标右击选择breakpoints

在这里插入图片描述

2.开始设置断点

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

点击OK 然后刷新浏览器页面

在这里插入图片描述

刷新之后，跳转到Charles 编辑窗口

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

完成！！

方法2： breakpoints（修改response）
前面几步骤一样，选取response

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

本地修改

Map local功能：接口返回值通过抓包工具处理成了一个本地文件，这个本地文件中的设定值被作为接口返回值了。
1）复制 response内容，保存为.txt 文件，存在电脑本地。

在这里插入图片描述

在这里插入图片描述

保存为txt 后，将文件“另存为”编码方式选择utf-8,否则接口可能无法识别汉字导致出现乱码

在这里插入图片描述

2. 修改response指向（选中需要修改response值的接口后点击右键，选中maplocal功能）

在这里插入图片描述

在这里插入图片描述

记得点击【OK】键才能将配置保存成功！！！
3.修改txt文件中需要修改的字段值，保存
4.重新请求此接口，此时接口返回值已经是 txt文件中的期望值了
5.不用的时候，关掉maplocal。

在这里插入图片描述

弱网测试

模拟超慢网速（会导致接口数据返回超时的那种…）
设置带宽和延迟时间（毫秒）
注：可以根据下图中的翻译体会下导致网络延迟的原因:

在这里插入图片描述

在这里插入图片描述

打开 throt settings （功能生效后接口数据返回会很慢）

在这里插入图片描述

模拟403/404

在这里插入图片描述

允许启用黑名单功能，选择接口返回错误的形式（404 或者403），添加接口地址并保存

在这里插入图片描述

注：【blocking connection】选项可以选择“drop connection”或者 “403 respose”.前者接口会直接返回404错误，后者接口返回403错误

3.选中需要返回404/403的接口,点击【ok】

在这里插入图片描述

再次请求效果如下（接口返回404）

在这里插入图片描述

关注接口

抓包列表中有好多抓包结果是我们不会关注的，用下面的方法可以让这些我们不关注的接口在列表中隐藏

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

注：host : baidu 代表 host中含有"baidu"字符的所有host
protocol :http 或者https. 如果什么都选，代表两中协议都会生效，相当于二者兼选
port: protocol为http 时填 80 ，protocol 为https时填 443 。什么都不填也没有关系。

2.启用关注接口

在这里插入图片描述

3.重新抓包结果
不在上一步配置中的接口，都会隐藏在other host中

在这里插入图片描述

Charles的app端证书下载

前提：保证电脑和手机在同一网络段(手机和电脑连接同一个wifi/热点)
1：在proxy中找到proxy settings

在这里插入图片描述

2：设置端口port以及勾选Enale transparent HTTP proxying

在这里插入图片描述

3. 在proxy中找到SSL proxy settings

在这里插入图片描述

4.新增https对应的host以及端口号

在这里插入图片描述

5.点击help选择ssl Proxying,点击第三个(下载移动端证书)

在这里插入图片描述

6.弹出对应的ip地址和端口号

在这里插入图片描述

7. 设置移动端代理
找到连接的wifi,点击进入设置代理
设置为手动，并填写对应的ip和端口号

在这里插入图片描述

在这里插入图片描述

8.使用手机下载ssl证书，用手机游览器输入:chls.pro/ssl,前往

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

测软件的小bug

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。