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.

  1. 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

  1. Instalar Android Studio: Sigue las instrucciones en el sitio web oficial para instalar Android Studio.
  2. Configurar Android SDK:
    • Abre Android Studio y ve a Preferences (o File > 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
  3. 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
      

  1. 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:

npx react-native init MyNewProject
cd MyNewProject

  1. Ejecutar la Aplicación en un Emulador o Dispositivo Físico

Emulador de Android

  1. 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.
  2. Iniciar el Emulador:
    • Inicia el emulador desde el AVD Manager.

Dispositivo Físico

  1. Habilitar Opciones de Desarrollador:
    • En tu dispositivo Android, ve a Settings > About phone y toca Build number siete veces para habilitar las opciones de desarrollador.
  2. Habilitar Depuración USB:
    • En Settings > Developer options, habilita USB debugging.
  3. 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:

npx react-native run-android

  1. 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

  1. 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.

Configurar la Firma en Gradle

  1. Mover el Keystore:
    • Mueve el archivo my-release-key.keystore a la carpeta android/app de tu proyecto.
  2. 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
      
  3. 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
              }
          }
      }
      

Construir el APK

  1. Construir el APK:
    • Ejecuta el siguiente comando para construir el APK en modo de producción:
      cd android
      ./gradlew assembleRelease
      
  2. Obtener el APK:
    • El APK generado estará en android/app/build/outputs/apk/release/app-release.apk.

  1. Publicación en Google Play Store

Crear una Cuenta de Desarrollador

  1. Registrarse:

Subir el APK

  1. Crear una Aplicación:
    • En Google Play Console, crea una nueva aplicación y sigue las instrucciones para configurarla.
  2. Subir el APK:
    • Sube el archivo app-release.apk generado anteriormente.
  3. 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.
  4. 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!

© Copyright 2024. Todos los derechos reservados