首页/文章/react native

MacOS下抓取APP的数据包

2024-08-22
10854 分钟
...

一身黑的小白 已于 2024-05-31 16:56:15 修改

于 2024-05-31 16:32:42 首次发布

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

1. 准备工具

  • Charles:一款网络抓包工具,它支持HTTP和HTTPS协议的监控。您可以使用Charles来查看应用程序发送和接收的所有数据。

  • Proxifier:Proxifier是一个代理软件,方便给没有设置代理的APP设置代理。

Charles 可以直接在官网下载安装,可以无限试用,简单抓包够用了。

Proxifier 也可以去官网下载安装,试用期30天,可以购买激活码激活。不想购买可以参考 Proxifier的安装及使用教程(超详细)(超好用的代理工具) 这篇文章激活,执行python脚本就可以获取激活码,支持 win 和 mac。

2. 配置 Charles

代理配置

代理主要是让网络请求经过 Charles

菜单栏找到 Proxy->Proxy Settings…,然后设置好端口。

抓包时一定要勾选上 macOS Proxy,不然抓不到。

安装证书

安装证书主要是为了抓取 HTTPS 的包,这个是加密的,没有证书看到一堆乱码

通过上面步骤打开“钥匙访问串”窗口

然后找到 Charles 的证书,可以直接搜索。

双击证书,把“信任”里的内容设置为“始终信任”。

设置SSL代理

这一步其实可以不用的,为了保险,还是加上。

设置IP是 * 端口也是 *

到这,Charles就配置完毕。

3.配置 Proxifier

配置 Proxifier 的主要目的是把APP的代理设置为 Charles,如果需要抓的APP可以设置代理就不需要配置。

添加代理

安装步骤添加代理,端口号是 Charles 设置的代理端口,其他问题不大。

点击保存后会有一个弹窗,告诉我们程序退出后是否还要继续使用代理,NO!NO!NO!选择 YES 也行。

添加规则

默认的规则不用管,点击 Add 添加我们的规则,Name 看心情填,点击 + 号可以选择应用程序,Action 设置我们设置的代理,如果前面没有设置是不会出现这个选项的。

点击 save 就算配置完成了,我设置了 Edge 浏览器走 8989 这个端口的代理,也就是 Charles 的代理。

4. 抓取数据包

打开 Charles,打开 Proxifier,打开浏览器,搜索内容。

当我们再次查看 Charles 就可以看见抓到的数据包

下面这张图是按照数据包的发送时间排的

End

配置起来还好,不是特别复杂,用了 Edge 浏览器举个例子,也可以换成其它 APP。

如果有帮助到你的话可以点的赞吗,谢谢!

如果您觉得这篇文章有帮助,请点个赞吧~

分享文章

相关文章

更多文章 →
react native2024-09-10
使用Expo开发App解决消息推送问题(iOS,Android)
在上篇文章中,我们基于expo搭建了App的基础框架。在现代移动应用中,消息推送功能是提升用户体验的重要组成部分。本文将指导你如何在Expo环境中实现消息推送的功能,包含iOS与Android,以帮助你的用户及时接收到重要信息。 什么是Expo? Expo是一个开源平台,可帮助开发者轻松构建和部署React Native应用。它提供了许多工具和服务,简化了应用开发流程,尤其是在处理消息推送方面。 准备工作 在开始之前,确保你已经完成如下...
学习
react native2024-08-22
Mac 使用Charles进行手机https抓包
前言 还不知道怎么用手机连内网地址进行测试? 还不知道怎么用Charles抓手机HTTPS的包? 希望下面会对你有些帮助。 操作指南 操作环境: 电脑系统:Mac OS 手机系统:iOS 12及以上/Android Charles版本:V4.5.6 第一步:安装Charles证书到Mac 1.启动Charles,选择Help SSL Proxying→Install Charles Root Certificate image.png...
学习
react native2024-08-19
React Native 版本升级从0.72到0.75
前言 从2023年6月22日React Native官方发布0.72.0至今,一年多的时间React Native官方已经陆续发布了0.73、0.74、0.75三个版本,故决定对公司项目做版本升级,以获得更好的性能和稳定性。 我们先看下这三个版本,带来了哪些新功能、新特性: React Native 0.73 新的调试器 :增加了新的调试器,弃用旧版flipper调试工具,让调试过程更加高效顺畅。 稳定的符号链接支持: 简化您的开发工作...
学习
react native2024-07-09
Universal Persisted Storage for React Native Expo + Next.js SSR — Herdi Tr.
The world of web development is marked by constant innovation, and developers are always on the lookout for tools and libraries that can simplify their workflows and make cross platform development more efficient. In thi...
学习
react native2024-05-08
用expo开发react native实在是太爽了
expo出来已经有一段时间了,发现相关的文章还是比较少的。如果你在开发react native,那么我推荐你赶快使用expo来开发把! 一、零配置开发,降低开发者的心智负担。如果你之前开发过react native,那么你肯定会遇到要配置java,sdk等一大堆东西,并且版本还要对应上,否则开发不了。甚至说新手也会被这些东西劝退。使用expo后,无需配置这些开发环境,像开发web一样流畅的开发react native。 二、实时真机调试...
学习
AI2026-09-01
Deep Agents 01:何为 Agent Harness,以及如何开始
1、本篇任务:完成一份多步骤、带证据的技术调研 普通客服 Agent 的问题短、工具少、输出即时。技术调研或编码任务会持续很久,产生计划、搜索结果、文件和中间结论。Deep Agents 在 LangChain/LangGraph 之上预装规划、虚拟文件系统、上下文压缩和子 Agent,适合这类开放任务。 本课让 Agent 比较两种向量数据库,并交付一份可验证报告。 2、什么时候需要 Deep Agent 满足以下两项以上再考虑:任务...
学习

评论

请登录后发表评论

去登录
加载评论中...

目录