Saltar al contenido principal

React Native

Captura el tráfico HTTPS de apps de React Native y Expo con Proxyman en dispositivos iOS, simuladores de iOS, dispositivos Android y emuladores de Android.

Vídeo​

Captura HTTPS de una app de React Native Expo en el simulador de iOS y el emulador de Android

1. React Native - iOS​

  • Si usas React Native para la app de iOS, sigue las guías de iOS. No hay ninguna diferencia respecto a una app nativa de iOS.
  • Funciona con Expo o con el bundler Metro

Dispositivo iOSCaptura el tráfico HTTP/HTTPS de iPhone y iPad en tu Mac con el proxy de depuración HTTP Proxyman. Configura el proxy Wi-Fi e instala y confía en el certificado en el dispositivo.

Simulador de iOSCaptura el tráfico HTTP/HTTPS del simulador de iOS con el proxy de depuración HTTP Proxyman en macOS. Incluye la instalación automática y manual del certificado y cómo revisar el tráfico que no aparece.

2. React Native - Android​

Capturar el tráfico HTTP/HTTPS de apps de React Native para Android funciona igual que en una app nativa de Android. Sigue la guía de configuración de Android:

aviso

Asegúrate de haber seguido todos los pasos de la guía, sobre todo el paso 5, en el que añades res/xml/network_security_config.xml y AndroidManifest.xml

De lo contrario, Proxyman no puede descifrar la conexión SSL.

3. Solución de problemas - Android​

3.1 Errores del bundle de Metro​

Después de configurar el HTTP Proxy de tu dispositivo Android con Proxyman, es posible que aparezca el siguiente error, porque el bundler de Metro no puede conectarse a su servidor local.

Pantalla roja de React Native en Android: Unable to load script, make sure you're running Metro

Errores del bundle de Metro

Para solucionarlo:

Emulador de Android​

  1. Abre Proxyman -> menú Certificate -> Install Certificate on Android -> Emulators… -> Haz clic en "Revert All Changes"
  2. Abre el Emulador de Android -> app Settings -> Network -> Wi-Fi -> abre la configuración del proxy
  3. Configura el HTTP Proxy manualmente con la Proxyman IP & Port. Si no sabes la IP ni el puerto, abre el menú Certificate -> Install Certificate on Android -> Physical Devices… y busca Server IP & Port en el paso 2.
  4. Antes de guardar, introduce localhost en la lista de bypass del proxy ✅

Configuración de proxy Wi-Fi de Android con la IP y el puerto de Proxyman y localhost en la lista de bypass del proxy

  1. Listo
  2. Desaparecen la advertencia The Bridge Was shutdown y los errores del bundle de Metro ✅

Dispositivo Android físico​

  1. Abre el dispositivo Android físico -> app Settings -> Network -> Wi-Fi -> abre la configuración del proxy
  2. Configura el HTTP Proxy manualmente con la Proxyman IP & Port. Si no sabes la IP ni el puerto, abre el menú Certificate -> Install Certificate on Android -> Physical Devices… y busca Server IP & Port en el paso 2.
  3. Antes de guardar, introduce your IP en la lista de bypass del proxy ✅
  4. Listo

Lee más en: https://github.com/ProxymanApp/Proxyman/issues/1407#issuecomment-1497235102

Más información​

Última actualización en