# 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 {#video}

[Captura HTTPS de una app de React Native Expo en el simulador de iOS y el emulador de Android](https://www.youtube.com/watch?v=4LkKXyIPulM)

## 1. React Native - iOS {#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 iOS](https://proxyman.com/docs/es/debug-devices/ios-device)

- [Simulador de iOS](https://proxyman.com/docs/es/debug-devices/ios-simulator)

## 2. React Native - Android {#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:

* [Dispositivo Android físico](https://proxyman.com/docs/es/debug-devices/android-device)
* [Emulador de Android](https://proxyman.com/docs/es/debug-devices/android-device/automatic-script-for-android-emulator)

> **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-troubleshooting---android}

### 3.1 Errores del bundle de Metro {#31-metro-bundle-errors}

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](https://proxyman.com/docs/assets/Screenshot%202023-04-06%20at%2007.58.01.png)

_Errores del bundle de Metro_

Para solucionarlo:

#### Emulador de Android {#android-emulator}

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](https://user-images.githubusercontent.com/5878421/230129476-4bd5d1a0-c3c5-4c73-bb79-81f14a071e63.jpg)

5. Listo
6. Desaparecen la advertencia `The Bridge Was shutdown` y los errores del bundle de Metro ✅

#### Dispositivo Android físico {#android-physical-device}

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](https://github.com/ProxymanApp/Proxyman/issues/1407#issuecomment-1497235102)

## Más información {#learn-more}

* [Cómo capturar el tráfico HTTP/HTTPS de apps de Expo React Native para iOS y Android](https://proxyman.com/posts/how-to-capture-https-from-React-native-app-2025-update)
* [Captura el tráfico HTTPS de apps de React Native con Proxyman](https://proxyman.com/posts/2023-09-25-Capture-HTTPs-Requests-From-React-Native-Apps)
* [Captura el tráfico HTTP/HTTPS de apps de React Native con Proxyman](https://proxyman.com/react-native) (sitio web de Proxyman)