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

这篇具有很好参考价值的文章主要介绍了高颜值抓包工具Charles,实现Mac和IOS端抓取https请求。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

一、Charles介绍

1、Charles简介

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

2、Charles原理

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

3、Charles作用

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

二、Charles下载及安装

1、Charles下载

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

下载地址:

官网:https://www.charlesproxy.com/

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

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

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

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

2、Charles安装

(1) Mac端安装

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

下载后安装:

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

(2) PC端安装

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

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

三、Charles界面视图介绍

1、Charles界面视图

Charles在Mac端的界面:

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

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

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

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

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试


请求数据介绍:

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

2、Charles界面说明

Charles在Mac端的快捷工具:

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

快捷工具介绍:

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

四、Charles抓取HTTPS

1、Mac端配置
(1) Charles代理设置

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

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

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

(2) Charles证书安装

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

设置允许信任:

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

(3) 配置SSL代理

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

(4) 抓取Web端https请求

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

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

2、IOS端配置

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

(3) IOS端证书安装

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

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

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

 

作为一个软件测试的过来人,我想尽自己最大的努力,帮助每一个伙伴都能顺利找到工作。所以我整理了下面这份资源,现在免费分享给大家,有需要的小伙伴可以关注【公众号:开心螺蛳粉】自提!

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

软件测试面试文档

我们学习必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有字节大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

青花瓷抓包,macos,ios,软件测试,python,经验分享,程序人生,自动化测试

行动吧,在路上总比一直观望的要好,未来的你肯定会感谢现在拼搏的自己!如果想学习提升找不到资料,没人答疑解惑时,请及时加入群:1150305204,里面有各种测试开发资料和技术可以一起交流哦。文章来源地址https://www.toymoban.com/news/detail-844812.html

到了这里,关于高颜值抓包工具Charles,实现Mac和IOS端抓取https请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 免费打造个人专属的高颜值本地大模型AI助手,无限量使用 Ollama+LobeChat开源工具,在本地运行AI大模型,安全的和AI对话。

    第一步,首先安装ollama,选择对应系统的安装包 ollama官网地址:https://ollama.com/ 本问是lunix系统上安装ollama: 如果机子没有GPU显卡的话,ollama会提示只通过cpu模式运行。 测试ollama命令: 想要流畅运行,推荐配置: 4b的模型:8GB内存。 7b的模型:16GB内存。 13b模型: 32GB内存。 70b模

    2024年04月26日
    浏览(25)
  • 高颜值微信小程序 UI 组件库!

    Vant 是一个轻量、可靠的移动端组件库,由有赞于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。   大家好,我是 CUGGZ。 今天来分享 8 个高颜值的微信小程序 UI 组件库,速速收藏! Vant Weapp Vant 是

    2024年02月16日
    浏览(38)
  • 发现一个高颜值流程图 - 亿图图示

    今天给各位小伙伴们测试了一款高颜值的流程图制作工具——亿图图示。 对了,它不仅可以制作流程图,还可以制作思维导图、组织结构图、泳道图等等哦。接下来让我们一起测试学习下吧 亿图图示(Wondershare EdrawMax)是一款功能强大且易于使用的图形表达工作台,不仅可以

    2024年02月09日
    浏览(26)
  • 【Charles】成功解决使用iOS手机抓包时,iOS手机连接网络失败&Charles配置方法

    解决方法:原来是因为我换了一台电脑,需要重新安装手机的证书,不能用之前的证书。而且安装完证书以后,Charles没有弹出让我allow的窗口,就直接可以抓包了。 配置方法如下,搬运自同事大佬: 手机和电脑连接同一个网络,启动charles工具 iOS手机代理配置,服务器及端口

    2024年02月11日
    浏览(31)
  • 盘点12个Vue 3的高颜值UI组件库

    今天给大家盘点12个Vue 3的高颜值UI组件库,凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库,用广东话讲:个个都靓。 今天给大家盘点12个Vue 3的高颜值UI组件库,凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库,

    2024年02月07日
    浏览(18)
  • 一款高颜值的第三方网易云播放器

    大家好,我是 Java陈序员 。 今天,给大家介绍一个基于 Vue 全家桶实现的“网易云”播放器。 关注微信公众号:【Java陈序员】,获取 开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 YesPlayMusic —— 一款高颜值的第三方网易云播放器,支持 Windows / macOS / Linux。 功

    2024年04月12日
    浏览(23)
  • charles mac抓包unknown问题

    第一步:mac上安装Charles后,mac安装证书: 第二步:mac上信任证书 第三步:手机上安装证书 安装提示:电脑上通过help–SSLProxying– Install Charles Root Ceriticate on a Mobile Device or Remote Browser,可以获得下载提示      IOS手机安装信任证书 ,在safari浏览器中输入 chls.pro/sll ,访问并安

    2024年01月23日
    浏览(20)
  • charles对iOS手机的https进行抓包(图文教程)

    Help→Local IP Address查看本机地址 电脑IP地址 3、设置手机HTTP代理 手机连上电脑,点击“设置-无线局域网-连接的WiFi”,设置HTTP代理: 服务器为电脑IP地址:如192.168.1.169 端口:8888 设置代理后,需要在电脑上打开Charles才能上网 4、配置手机端证书 打开手机Safari,访问下载地址

    2024年04月16日
    浏览(23)
  • 轻松部署高颜值社区,在Ubuntu上搭建Cpolar+HYBBS论坛指南

    在国内互联网刚刚起步时,网上的内容远没有现今这般丰富,甚至当下耳熟能详的各个互联网大厂,彼时都还没有诞生。那时候的网民上网,大多数时候只能浏览门户网站的新闻,或者到各个BBS上灌水发帖。随着时代发展,互联网的内容和应用逐渐丰富,曾经风光无二的BBS论

    2024年02月09日
    浏览(22)
  • Charles抓包工具5:Charles设置过滤

    一、只展示window/mac上的指定网址 方法一: 右击域名——Focus——可针对该域名以外的其他域名都进行过滤,只展示该域名的请求数据。如下图:  方法二:  在Filter输入框中输入指定域名对其他的进行过滤;只展示指定域名的请求数据  方法三: 在Proxy——Recording setting——

    2024年02月10日
    浏览(25)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包