前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >高颜值抓包工具Charles,实现Mac和IOS端抓取https请求

高颜值抓包工具Charles,实现Mac和IOS端抓取https请求

作者头像
ITester软件测试小栈
发布2022-06-06 11:14:58
1.1K0
发布2022-06-06 11:14:58
举报
文章被收录于专栏:全栈测试全栈测试

Hi,大家好。在进行测试的过程中,不可避免的会有程序报错,为了能更快修复掉Bug,我们作为测试人员需要给开发人员提供更准确的报错信息或者接口地址,这个时候就需要用到我们的抓包工具。

常见的抓包工具有Fiddler、Charles,在此之前介绍过Fiddler抓包:Fiddler抓包详解,今天我们介绍Mac端以及IOS端如何使用Charles抓取https。

一Charles介绍

1Charles简介

Charles中文名又叫青花瓷,是一款很实用,界面很友好,功能强大的抓包神器,因为它是基于 Java 开发的,所以跨平台,Mac、Linux、Windows下都是可以使用的,并且在Android和iOS设备上通用。

2Charles原理

当程序连接Charles的代理访问互联网时,Charles可以监控这个程序发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request、response和HTTP headers,通过成为电脑或者移动设备的代理截取请求和请求结果达到分析抓包的目的。

3Charles作用

  • 截取 Http 和 Https 网络封包。
  • 支持重发网络请求,方便后端调试。
  • 支持修改网络请求参数。
  • 支持网络请求的截获并动态修改。
  • 支持模拟慢速网络。

二Charles下载及安装

1Charles下载

Charles 是收费软件,可以免费试用 30 天。试用期过后,未付费的用户仍然可以继续使用,但是每次使用时间不能超过 30 分钟,并且启动时将会有 10 秒种的延时。因此,该付费方案对广大用户还是相当友好的,即使你长期不付费,也能使用完整的软件功能。

下载地址:

代码语言:javascript
复制
官网:https://www.charlesproxy.com/

绿色版下载(网上有很多相关下载地址)

For Windows:https://www.7down.com/soft/133829.html

For Mac:http://www.xue51.com/mac/2527.html

本人私藏版下载(For Windows V4.0.2),在ITester软件测试微信公众后后台回复 "Charles" ,即可获取私藏安装包 。

注意:安装完后,替换”安装路径->Charles\lib”文件夹下的charles.jar文件成破解版jar文件,如果再次启动未弹出30天试用的提示,说明成功。

2Charles安装

(1) Mac端安装

进入Charles官网,选择macOS下载:

下载后安装:

(2) PC端安装

进入Charles官网,选择windows下载:

下载后自行安装即可,此处不再详细介绍。

三Charles界面视图介绍

1Charles界面视图

Charles在Mac端的界面:

1)在顶部导航是基本设置、代理设置、工具、帮助等;

2)中间位置是请求的接口名字、请求内容、响应内容等;

3)通常常查看请求会使用"Structure"视图和"Sequence"视图;

  • Structure:按照接口结构来归档汇总;
  • Sequence:按照接口请求顺序来汇总;

请求栏介绍:

请求数据介绍:

2Charles界面说明

Charles在Mac端的快捷工具:

快捷工具介绍:

四Charles抓取HTTPS

1Mac端配置

(1) Charles代理设置

点击导航栏 Proxy -> Proxy Setting ,端口一般设置8888,按照下图设置即可。

系统偏好设置->网络->高级->代理,端口号默认是8888,与Proxy

-> Proxying Settings 中的HTTP代理端口号相同。

(2) Charles证书安装

在Charles的 Help选项,选择 SSL Proxyings选项->选择 Install Charles Root Certificate。

设置允许信任:

(3) 配置SSL代理

在Charles的 Proxy选项->选择SSL Proxy Settings->点击add添加需要监视的域名,支持 * 号通配符,端口一般都是443。

(4) 抓取Web端https请求

设置完电脑端配置,就可以正式开始抓取请求了。抓取数据分为三步。首先清空所有的数据,然后点击开始按钮,并分析抓取结果。

①要抓取哪个页面的数据,就先访问哪个界面 。比如抓取微信公众平台数据接口:

②当我们操作的时候,每加载一次数据,都会被我们的抓包工具Charles截获到,显示出来。左下角过滤框输入想抓的地址,其他所有的接口会被过滤掉,查看更方便:

2IOS端配置

(1) 安装信任证书

在Charles的Help栏SSL Proxying —>Install Charles Root Certificate on a MobileDevice or Remote Browser。

(2) IOS端设置

首先确保手机与电脑在同一局域网内,在手机无线中配置手动代理,输入安装Charles的电脑的网络地址,端口填8888,IOS端配置步骤总结如下:

(3) IOS端证书安装

网络代理设置好后,打开safari浏览器(推荐使用safari,其他浏览器可能存在兼容性问题),在地址栏输入chls.pro/ssl。配置描述文件,选择“允许“。

安装完成后,在iphone设置 ->通用 ->描述文件与设备管理,查看已安装的证书。如果所有步骤完成,结果仍然无法进行抓包,检查信任证书是否完全开启,ios10.3之后加入新的特性,需要在IOS设备中,通用->关于本机->证书信任设置,针对CA根证书开启完全信任。

以上就是今天的分享,如果想要领取本人私藏版安装包,在ITester软件测试微信公众后后台回复 "Charles" ,即可获取相关安装包 。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-04-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 ITester软件测试小栈 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Charles中文名又叫青花瓷,是一款很实用,界面很友好,功能强大的抓包神器,因为它是基于 Java 开发的,所以跨平台,Mac、Linux、Windows下都是可以使用的,并且在Android和iOS设备上通用。
  • (1) Mac端安装
  • -> Proxying Settings 中的HTTP代理端口号相同。
  • 在Charles的 Help选项,选择 SSL Proxyings选项->选择 Install Charles Root Certificate。
相关产品与服务
SSL 证书
腾讯云 SSL 证书(SSL Certificates)为您提供 SSL 证书的申请、管理、部署等服务,为您提供一站式 HTTPS 解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档