En este módulo, aprenderás cómo construir y preparar tu aplicación React Native para dispositivos Android. Este proceso incluye la configuración del entorno de desarrollo, la compilación de la aplicación y la preparación para su distribución en Google Play Store.
- Configuración del Entorno de Desarrollo
Antes de comenzar a construir tu aplicación para Android, asegúrate de tener el entorno de desarrollo configurado correctamente.
Requisitos Previos
- Node.js: Asegúrate de tener Node.js instalado. Puedes descargarlo desde nodejs.org.
- Java Development Kit (JDK): Instala el JDK desde Oracle.
- Android Studio: Descarga e instala Android Studio desde developer.android.com.
Configuración de Android Studio
- Instalar Android Studio: Sigue las instrucciones en el sitio web oficial para instalar Android Studio.
- Configurar Android SDK:
- Abre Android Studio y ve a
Preferences
(oFile > Settings
en Windows). - Navega a
Appearance & Behavior > System Settings > Android SDK
. - Asegúrate de tener instalados los siguientes componentes:
- Android SDK Platform-Tools
- Android SDK Build-Tools
- Android 10.0 (Q) SDK Platform
- Abre Android Studio y ve a
- Configurar Variables de Entorno:
- Añade las siguientes variables de entorno a tu sistema:
export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools
- Añade las siguientes variables de entorno a tu sistema:
- Creación de un Proyecto React Native
Si aún no tienes un proyecto React Native, puedes crear uno nuevo utilizando npx react-native init
:
- Ejecutar la Aplicación en un Emulador o Dispositivo Físico
Emulador de Android
- Crear un Emulador:
- Abre Android Studio y ve a
AVD Manager
(Tools > AVD Manager
). - Crea un nuevo dispositivo virtual (AVD) y selecciona una imagen del sistema.
- Abre Android Studio y ve a
- Iniciar el Emulador:
- Inicia el emulador desde el AVD Manager.
Dispositivo Físico
- Habilitar Opciones de Desarrollador:
- En tu dispositivo Android, ve a
Settings > About phone
y tocaBuild number
siete veces para habilitar las opciones de desarrollador.
- En tu dispositivo Android, ve a
- Habilitar Depuración USB:
- En
Settings > Developer options
, habilitaUSB debugging
.
- En
- Conectar el Dispositivo:
- Conecta tu dispositivo a tu computadora mediante un cable USB.
Ejecutar la Aplicación
Con el emulador o dispositivo físico conectado, ejecuta el siguiente comando para iniciar la aplicación:
- Construcción de la Aplicación para Producción
Para construir la aplicación en modo de producción, sigue estos pasos:
Generar una Clave de Firma
- Crear un Keystore:
- Abre una terminal y ejecuta el siguiente comando para generar un keystore:
keytool -genkey -v -keystore my-release-key.keystore -keyalg RSA -keysize 2048 -validity 10000 -alias my-key-alias
- Sigue las instrucciones para configurar la clave.
- Abre una terminal y ejecuta el siguiente comando para generar un keystore:
Configurar la Firma en Gradle
- Mover el Keystore:
- Mueve el archivo
my-release-key.keystore
a la carpetaandroid/app
de tu proyecto.
- Mueve el archivo
- Editar
gradle.properties
:- Abre
android/gradle.properties
y añade las siguientes líneas:MYAPP_RELEASE_STORE_FILE=my-release-key.keystore MYAPP_RELEASE_KEY_ALIAS=my-key-alias MYAPP_RELEASE_STORE_PASSWORD=your-store-password MYAPP_RELEASE_KEY_PASSWORD=your-key-password
- Abre
- Editar
build.gradle
:- Abre
android/app/build.gradle
y añade la configuración de firma:android { ... signingConfigs { release { if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) { storeFile file(MYAPP_RELEASE_STORE_FILE) storePassword MYAPP_RELEASE_STORE_PASSWORD keyAlias MYAPP_RELEASE_KEY_ALIAS keyPassword MYAPP_RELEASE_KEY_PASSWORD } } } buildTypes { release { ... signingConfig signingConfigs.release } } }
- Abre
Construir el APK
- Construir el APK:
- Ejecuta el siguiente comando para construir el APK en modo de producción:
cd android ./gradlew assembleRelease
- Ejecuta el siguiente comando para construir el APK en modo de producción:
- Obtener el APK:
- El APK generado estará en
android/app/build/outputs/apk/release/app-release.apk
.
- El APK generado estará en
- Publicación en Google Play Store
Crear una Cuenta de Desarrollador
- Registrarse:
- Regístrate en Google Play Console y crea una cuenta de desarrollador.
Subir el APK
- Crear una Aplicación:
- En Google Play Console, crea una nueva aplicación y sigue las instrucciones para configurarla.
- Subir el APK:
- Sube el archivo
app-release.apk
generado anteriormente.
- Sube el archivo
- Completar la Información:
- Completa toda la información requerida, como la descripción de la aplicación, capturas de pantalla, y detalles de contacto.
- Enviar para Revisión:
- Envía la aplicación para revisión. Google revisará tu aplicación y, si todo está correcto, la publicará en Google Play Store.
Conclusión
En este módulo, has aprendido cómo configurar tu entorno de desarrollo para Android, ejecutar tu aplicación en un emulador o dispositivo físico, construir tu aplicación en modo de producción y publicarla en Google Play Store. Con estos conocimientos, estás listo para llevar tu aplicación React Native a los usuarios de Android. ¡Buena suerte!
Curso de React Native
Módulo 1: Introducción a React Native
- ¿Qué es React Native?
- Configuración del Entorno de Desarrollo
- Aplicación Hola Mundo
- Entendiendo JSX
- Componentes y Props
Módulo 2: Componentes Básicos y Estilizado
- Visión General de Componentes Básicos
- Texto, Vista e Imagen
- Estilizado con Flexbox
- Manejo de Entrada del Usuario
- ScrollView y ListView
Módulo 3: Estado y Ciclo de Vida
- Métodos de Estado y Ciclo de Vida
- Manejo de Eventos
- Renderizado Condicional
- Listas y Claves
- Formularios y Componentes Controlados
Módulo 4: Navegación
- Introducción a React Navigation
- Navegador de Pila
- Navegador de Pestañas
- Navegador de Cajón
- Pasando Parámetros a Rutas
Módulo 5: Redes y Datos
- Obteniendo Datos con Fetch API
- Usando Axios para Solicitudes HTTP
- Manejo de Errores de Red
- AsyncStorage para Datos Locales
- Integración con APIs REST
Módulo 6: Conceptos Avanzados
Módulo 7: Despliegue y Publicación
- Construyendo para iOS
- Construyendo para Android
- Publicando en App Store
- Publicando en Google Play
- Integración y Entrega Continua