En aquest tema, aprendrem com construir i preparar la teva aplicació React Native per a dispositius Android. Aquest procés inclou la configuració de l'entorn de desenvolupament, la creació d'un APK (Android Package) i la preparació per a la publicació a Google Play.

  1. Configuració de l'entorn de desenvolupament

Requisits previs

Abans de començar, assegura't de tenir instal·lats els següents components:

  • Node.js
  • React Native CLI
  • Android Studio

Instal·lació d'Android Studio

  1. Descarrega i instal·la Android Studio des del lloc oficial.
  2. Durant la instal·lació, assegura't de seleccionar l'opció per instal·lar l'Android SDK, l'Android SDK Platform, i l'Android Virtual Device (AVD).

Configuració de les variables d'entorn

  1. Obre Android Studio i segueix les instruccions per instal·lar les eines necessàries.

  2. Configura les variables d'entorn per assegurar-te que React Native pugui trobar l'Android SDK. Afegeix les següents línies al teu fitxer ~/.bash_profile o ~/.zshrc (depèn del teu shell):

    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
    
  3. Aplica els canvis executant source ~/.bash_profile o source ~/.zshrc.

  1. Creació d'un APK

Executar l'aplicació en un emulador o dispositiu físic

  1. Inicia un emulador des d'Android Studio o connecta un dispositiu Android físic.

  2. Executa l'aplicació amb el següent comandament:

    npx react-native run-android
    

Generació d'un APK de producció

  1. Crea una clau de signatura per signar el teu APK. Executa el següent comandament i segueix les instruccions:

    keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
    
  2. Mou la clau generada al directori android/app del teu projecte.

  3. Configura Gradle per utilitzar la clau de signatura. Afegeix la següent configuració al fitxer android/app/build.gradle:

    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
                minifyEnabled enableProguardInReleaseBuilds
                proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
            }
        }
    }
    
  4. Crea un fitxer gradle.properties a android/ amb les següents línies:

    MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
    MYAPP_RELEASE_KEY_ALIAS=my-key-alias
    MYAPP_RELEASE_STORE_PASSWORD=*****
    MYAPP_RELEASE_KEY_PASSWORD=*****
    
  5. Genera l'APK de producció executant el següent comandament:

    cd android
    ./gradlew assembleRelease
    
  6. Troba l'APK generat a android/app/build/outputs/apk/release/app-release.apk.

  1. Preparació per a la publicació a Google Play

Verificació de l'APK

  1. Prova l'APK en diversos dispositius per assegurar-te que funciona correctament.
  2. Utilitza l'eina de verificació d'APK d'Android Studio per detectar possibles problemes.

Publicació a Google Play

  1. Crea un compte de desenvolupador a Google Play Console.
  2. Crea una nova aplicació i segueix les instruccions per carregar l'APK.
  3. Completa la informació requerida (descripció, captures de pantalla, etc.).
  4. Publica l'aplicació i espera la revisió de Google.

Resum

En aquesta secció, hem après a configurar l'entorn de desenvolupament per a Android, crear un APK de producció i preparar-lo per a la publicació a Google Play. Aquest procés és essencial per portar la teva aplicació React Native a un públic més ampli. En el següent tema, explorarem com publicar la teva aplicació a l'App Store d'Apple.

© Copyright 2024. Tots els drets reservats