如何抓取 Expo 与 React Native iOS、Android 应用的 HTTP/HTTPS 流量

React Native 是一个流行的框架，开发者可以用 JavaScript 和 React 构建移动应用。它让开发者能够使用 React 和 JavaScript 构建原生应用。

然而，要抓取并检查 React Native 应用的 HTTPS 流量并不容易。最常见的做法是使用 console.log() 函数，把 HTTPS 流量打印到控制台。

本教程将演示如何使用 Proxyman 抓取并检查 React Native 应用的 HTTPS 流量。

演示视频见 YouTube：https://www.youtube.com/watch?v=4LkKXyIPulM

1. 下载并设置 Proxyman macOS

Proxyman 是一款功能强大的工具，无需越狱或复杂的步骤，即可抓取 iPhone、iPad 和 iOS 模拟器的 HTTP 与 HTTPS 流量。

开始之前，请先下载并设置 Proxyman macOS。

1. 打开 Proxyman 官网，下载最新版 Proxyman macOS

• Proxyman macOS：支持 macOS 12 或更高版本

2. 打开 Proxyman -> Certificate Menu（证书菜单）-> Install Certificate for this Mac...
3. 按照步骤安装证书
4. 确认所有绿色对勾均已勾选

2. 从 GitHub 获取 React Native 示例应用，并启动 iOS 或 Android 应用

1. 从 GitHub 克隆 React Native 示例应用：https://github.com/ProxymanApp/Proxyman-React-Native-Sample-App

git clone https://github.com/ProxymanApp/Proxyman-React-Native-Sample-App
cd Proxyman-React-Native-Sample-App

该项目使用 Expo 创建。你可以参考 Expo 官方文档 创建自己的 React Native 应用。

2. 安装依赖，并确保使用 NodeJS 22 或更高版本

npm install

2. 使用以下命令在 iOS 上启动应用：

npm run ios

随后会打开一个新的 iOS 模拟器，并启动应用。

3. 从 iOS 模拟器抓取并检查 HTTPS 流量

在开始抓取 HTTPS 流量之前，需要先在 iOS 模拟器上安装 Proxyman 证书。

这一步很重要，只有完成它，Proxyman 才能解密你的 HTTPS 数据，而不会出现任何 SSL 错误。

Proxyman 让你只需几次点击，就能轻松在 iOS 模拟器上安装证书。

接下来，打开 Proxyman -> Certificate Menu -> Install Certificate for iOS -> Simulators -> 按照步骤操作

现在已经完成。接下来开始抓取 HTTPS 流量。

回到 iOS 模拟器，重新启动应用，尝试点击主界面上的 GET / POST / PUT 按钮。该应用会向 https://httpbin.proxyman.app 发起 HTTPS 请求，这是一个用于 HTTPS 测试的回显服务器。

此时可以看到 Proxyman 已经抓到了 HTTPS 流量，但内容仍然是加密的。

查看 Response Panel（响应面板），可以看到 HTTPS 流量是加密的。点击 “Enable SSL Proxying” 按钮。

完成。再次打开 iOS 模拟器，点击主界面上的 GET / POST / PUT 按钮。这次可以看到 HTTPS 流量已被解密。

4. 从 Android 模拟器抓取并检查 HTTPS 流量

4.1 创建带有 Google APIs 版本的新 Android 模拟器

与 iOS 模拟器的操作相同。不过，需要在 Android Studio 中创建一个新的 Android 模拟器。

1. 在 Android Studio 中前往 Virtual Device Manager，然后创建新的 Android 模拟器
2. 可以选择任意设备，例如 Pixel 9 Pro
3. 但请务必选择 Google APIs 版本，而不是 Play Store 版本。
4. 本教程使用的是 Pixel 9 Pro，并搭配 Android Studio 中提供的 Google APIs 系统镜像。

5. 使用以下命令在 Android 模拟器上启动 React Native 应用：

npm run android

4.2 在 Android 模拟器上安装 Proxyman 证书

要抓取 Android 模拟器的 HTTPS 流量，需要在模拟器上安装 Proxyman 证书。

通过使用 Automatic Script for Android Emulator，只需一键即可完成全部操作，非常节省时间。

1. 打开 Proxyman -> Certificate Menu（证书菜单）-> Install Certificate for Android -> Emulators，然后点击 Override Emulator 按钮

在此界面可以看到，Proxyman 证书已安装到 Android 模拟器中。

完成。再次打开 Android 模拟器，点击主界面上的 GET / POST / PUT 按钮。这次可以看到 HTTPS 流量已被解密。

5. 总结

本教程演示了如何使用 Proxyman 抓取并检查 React Native 应用的 HTTPS 流量。

Proxyman 是一款功能强大的工具，无需越狱或复杂的步骤，即可抓取 iPhone、iPad、iOS 模拟器和 Android 模拟器的 HTTP 与 HTTPS 流量。

当证书设置需要系统权限时，请选择 Google APIs 模拟器镜像，而不是 Google Play 镜像。Proxyman 的 Android Emulator Automatic Script 可以准备代理和证书，之后还可以借助其还原功能恢复模拟器。如果日志中被 Metro 或开发期请求占满，请在开始测试前按你的 API 主机名进行过滤。

Proxyman 是一款高性能的 macOS/Windows/Linux 应用，可帮助开发者抓取 iOS 设备、iOS 模拟器和 Android 设备上的 HTTPS 流量。

前往 https://proxyman.com 获取。