Charles(茶壶)的使用

Charles

Charles是一个HTTP代理/ HTTP监视器/反向代理,它使开发人员能够查看他们的机器与Internet之间的所有HTTP和SSL / HTTPS通信。这包括请求、响应和HTTP报头(其中包含cookie和缓存信息)。

Charles的常用功能
  • 抓包
  • 修改网络请求参数和响应结果
  • 重定向网络请求
  • 模拟慢速网络,2g、3g、4g
Charles官网地址

https://www.charlesproxy.com/

功能使用

  • 抓包
    • 开启http抓包

    Proxy -> macOS Proxy选中系统代理即可开启http抓包功能

    在这里插入图片描述

    下图中可以看见http的请求是可以拿到对应的请求响应等数据,但是https的请求是无效的

在这里插入图片描述

  • 开启https抓包
    Help -> SSL Proxying -> Install Charles Root Certificate

在这里插入图片描述

双击打开选择始终信任,然后关闭保存。

在这里插入图片描述

配置 Proxy -> SSL Proxying Setting,添加想要抓取的https请求,也可以在Host处配置 * 号,这样可以抓取所有的https请求

在这里插入图片描述

再次抓取https的请求是可以拿到对应的请求响应等数据

在这里插入图片描述

  • 移动设备的抓包 + 配置https
    Proxy -> Proxy Setting 设置代理端口,默认8888

在这里插入图片描述

安装证书

在这里插入图片描述

手机设置WiFi代理,在设置中进去和电脑连接的同一个wifi,拉倒最下面配置代理

在这里插入图片描述

点进去配置代理,设置电脑的内网ip地址和代理端口

在这里插入图片描述

手机配置完代理后,浏览器打开 http://chls.pro/ssl 安装描述文件

在这里插入图片描述

点击允许后进入设置 -> 通用 -> 描述文件,选择刚刚的描述文件进行安装。安装成功后进入设置 -> 通用 -> 关于本机 -> 证书信任设置,打开安装的描述文件。
最后打开app,然后charles会提示是否允在这里插入图片描述

许抓包,点击允许就可以抓包了

在这里插入图片描述

  • 修改网络请求参数和响应结果

    首先对想抓取的请求打上断点

    在这里插入图片描述

    然后重新发送请求,进入Breakpoints页面,点击Edit Request即可进行修改请求url、请求头、请求参数等信息,修改完毕之后点击Exceute

    在这里插入图片描述

    请求执行成功后就来到了修改响应结果页面,也可以对响应头、返回结果等信息进行修改,修改完成后点击Exceute即可成功返回。

    在这里插入图片描述

  • 重定向网络请求

    再线上修改bug不方便,可以把线上的请求重定向到本地项目进行调试,点击 Tools -> Map Remote 进行配置。配置完成后再次请求,就可以发现已经请求到配置的重定向地址了

    在这里插入图片描述

    在这里插入图片描述

  • 模拟慢速网络,2g、3g、4g

    选择 Proxy -> Throttle Settings 即可进行配置

    在这里插入图片描述

    • Bandwidth(Kbps):带宽(千位/秒)
    • Utilisation(%):可用率
    • Round-trip latency (ms):往返延时(毫秒)
    • MTU (bytes):最大传输字节
    • Reliability (%):可靠性
    • Stability (%):稳定性
    • Unstable quality range (%):不稳定质量范围

    小乌龟点亮代表已经开启限速了
    在这里插入图片描述

    喜欢下方小程序的私信送源码
>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端_李嘉豪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值