React Native

Capture HTTPS Traffic from React Native app with Proxyman. Worked with iOS and Android devices/simulators

1. React Native - iOS

If you're using React Native for the iOS app, you can simply follow the iOS Guidelines. There is no difference from the iOS native app.
Works with Expo or Metro bundler

2. React Native - Android

Basically, To capture HTTP/HTTPS traffic from React Native for Android apps, it's similar to the native Android app. Please follow the Android Setup Guide:

Make sure you've followed all steps in the Guideline, especially the 5th step, where you add the res/xml/network_security_config.xml and AndroidManifest.xml

Otherwise, Proxyman could not decrypt the SSL connection.

3. Troubleshooting - Android

3.1 Metro bundle errors

After setting the HTTP Proxy from your Android to Proxyman, you might encounter the following error because Metro Bundle could not connect to its local server.

To fix it:

Android Emulator

Open Proxyman -> Certificate menu -> Install for Android -> Emulator -> Click on the "Revert the Proxy"
Open Android Emulator -> Setting App -> Network -> Wifi -> Find a way to change the proxy
Change the HTTP Proxy manually by using the Proxyman IP & Port. If you don't know what the IP & Port is, open the Certificate menu -> Install for Android -> Physical Device -> In the 2nd section. Find the Server IP & Port.
Before saving, enter the localhost in the bypass Proxy List ✅

Done
The Bridge Was shutdown warning and the metro bundle errors are gone ✅

Android Physical Device

Open Android Physical Device -> Setting App -> Network -> Wifi -> Find a way to change the proxy
Change the HTTP Proxy manually by using the Proxyman IP & Port. If you don't know what the IP & Port is, open the Certificate menu -> Install for Android -> Physical Device -> In the 2nd section. Find the Server IP & Port.
Before saving, enter them your IP in the bypass Proxy List ✅
Done

PreviousGolang NextFlutter

Last updated 1 month ago