Comment puis-je générer un apk qui peut fonctionner sans serveur avec react-native?

J'ai construit mon application, je peux l'exécuter sur mon émulateur local (et aussi sur mon appareil Android au sein du même réseau en changeant de serveur de débogage).

Cependant, je veux créer un APK que je peux envoyer à quelqu'un sans accès au serveur de développement et je veux qu'il puisse tester l'application.

Je vois qu'il y a une section Utilisation du bundle hors ligne sur la section iOS de la documentation. Mais je n'arrivais pas à comprendre comment accomplir la même chose pour Android. Est-ce possible? Si c'est le cas, comment?

MISE À JOUR: Sur la réponse à cette question ( Android n'a pas pu charger le bundle JS ), il est dit que le bundle hors ligne peut être téléchargé depuis le serveur de développement. Mais lorsque j'obtiens le bundle du serveur de développement, les fichiers image ne peuvent pas être chargés.

Suite à la réponse d'Aditya Singh, l'apk généré (non signé) ne s'installerait pas sur mon téléphone. J'ai dû générer un apk signé en utilisant les instructions ici .

Ce qui suit a fonctionné pour moi:

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

Placez le my-release-key.keystorefichier sous le android/app répertoire de votre dossier de projet. Modifiez ensuite le fichier ~/.gradle/gradle.propertieset ajoutez ce qui suit (remplacez **** par le mot de passe, l'alias et le mot de passe de clé corrects)

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=****
MYAPP_RELEASE_KEY_PASSWORD=****

Si vous utilisez MacOS, vous pouvez stocker votre mot de passe dans le trousseau en utilisant les instructions ici au lieu de le stocker en texte clair.

Ensuite, modifiez app / build.gradle et assurez-vous que les éléments suivants sont présents (les sections avec signatureConfigs. SignatureConfig peuvent devoir être ajoutées):

...
android {
    ...
    defaultConfig { ... }
    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
        }
    }
}
...

Exécutez ensuite la commande cd android && ./gradlew assembleRelease,

Pour Windows 'cd android' puis exécutezgradlew assembleRelease commande, et trouvez votre apk signé sousandroid/app/build/outputs/apk/app-release.apk

Vous devrez créer une clé pour signer l'apk. Utilisez ci-dessous pour créer votre clé:

 keytool -genkey -v -keystore my-app-key.keystore -alias my-app-alias -keyalg RSA -keysize 2048 -validity 10000

Utilisez un mot de passe lorsque vous y êtes invité

Une fois la clé générée, utilisez-la pour générer la version installable:

 react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Générez le build en utilisant gradle

 cd android && ./gradlew assembleRelease

Téléchargez l'APK sur votre téléphone. Le -rdrapeau remplacera l'application existante (si elle existe)

adb install -r ./app/build/outputs/apk/app-release-unsigned.apk

Une description plus détaillée est mentionnée ici: https://facebook.github.io/react-native/docs/signed-apk-android.html

MISE À JOUR : Basé sur les commentaires de @shashuec et @Fallen

si vous obtenez une erreur

ENOENT: aucun fichier ou répertoire de ce type, ouvrez 'android / app / src / main / assets / index.android.bundle'

exécutez mkdir android / app / src / main / assets

Vous devez simplement utiliser Android Studio pour ce processus. C'est simplement plus simple. Mais exécutez d'abord cette commande dans le répertoire de votre application native:

Pour une version plus récente de react-native (par exemple react native 0.49.0 et ainsi de suite ...)

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

Pour la version plus ancienne de react-native (0.49.0 et ci-dessous)

react-native bundle --platform android --dev false --entry-file index.android.js   --bundle-output android/app/src/main/assets/index.android.bundle   --assets-dest android/app/src/main/res/

Ensuite, utilisez Android Studio pour ouvrir le dossier `` Android '' dans votre répertoire d'application natif, il vous demandera de mettre à niveau Gradle et d'autres choses. allez dans build-> Générer un APK signé et suivez les instructions à partir de là. C'est vraiment simple.

Exécutez cette commande:

react-native run-android --variant=release

Notez que cela --variant=releasen'est disponible que si vous avez configuré la signature avec cd android && ./gradlew assembleRelease.

pour React Native 0.49 et plus

vous devez aller dans le répertoire du projet sur le terminal et exécuter cette commande

1 - mkdir android/app/src/main/assets
2 - react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

si moins de 0,49

  1 - mkdir android/app/src/main/assets
  2 - react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

Ensuite, utilisez Android Studio pour ouvrir le dossier `` Android '' dans votre répertoire d'application natif, il vous demandera de mettre à niveau Gradle et d'autres choses. allez dans build-> Générer un APK signé et suivez les instructions à partir de là. Ça va.

Si vous obtenez Failure [INSTALL_PARSE_FAILED_NO_CERTIFICATES].

J'ai essayé d'utiliser la méthode de @ Aditya pour générer un fichier APK non signé et l'installer, mais quand je suis allé l'installer sur ma tablette Android, cela m'a donné une erreur de Failure [INSTALL_PARSE_FAILED_NO_CERTIFICATES].

J'imagine que c'est parce que le fichier APK n'était pas signé et que la tablette n'était pas satisfaite de cela. Ainsi, après avoir généré le fichier bundle React Native, j'ai pu générer un fichier APK signé, comme d'habitude, via Android Studio.

Soit dit en passant, notre application est une application Android pleinement fonctionnelle qui existe déjà dans le Play Store et nous y ajoutons simplement React Native en morceaux de la taille d'une bouchée, car c'est génial.

Donc, pour résumer, voici mes étapes:

1) Générez le bundle React Native:

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/<your-package-name>/src/main/assets/index.android.bu‌​ndle --assets-dest android/<your-package-name>/src/main/res/ 

2) Générez un fichier APK signé à partir d'Android Studio.

3) Installez le fichier APK signé sur le périphérique USB:

adb -d install -r <path_to_signed_apk> 

L' -dindicateur indique simplement adbd'installer sur le périphérique USB connecté, dans le cas où vous avez également un émulateur en cours d'exécution. Si vous souhaitez installer sur n'importe quel émulateur, déposez le -ddrapeau.

4) Profit!

Essayez ci-dessous, il générera un app-debug.apk sur votre dossier racine / android / app / build / outputs / apk / debug

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

puis allez dans le dossier android et exécutez

./gradlew assembleDebug

Si quelqu'un veut construire sans clés playstore, cette commande serait très utile.

# react-native run-android --variant=release

Une fois la construction terminée, vous pouvez trouver l'apk dans le fichier de version.

Accédez au répertoire du projet et exécutez la commande:

cd android && ./gradlew assembleRelease

Si vous obtenez une erreur impliquant index.android.js. C'est parce que vous utilisez la nouvelle version native de React (j'utilise la version 0.55.4) Remplacez simplement "index.android.js" par "index.js"

react-native bundle --platform android --dev false --entry-file index.js   --bundle-output android/app/src/main/assets/index.android.bundle   --assets-dest android/app/src/main/res/

J'ai une autre solution: - Génération d'une clé de signature Vous pouvez générer une clé de signature privée à l'aide de keytool. Sous Windows, le keytool doit être exécuté à partir de C: \ Program Files \ Java \ jdkx.x.x_x \ bin.

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

Placez le fichier my-release-key.keystore sous le répertoire android / app dans votre dossier de projet.

Modifiez le fichier android / app / build.gradle dans votre dossier de projet et ajoutez la configuration de signature,

android {
....
signingConfigs { 
  release { 

      storeFile file('my-release-key.keystore') 
      storePassword 'yourpassword' 
      keyAlias 'my-key-alias' 
      keyPassword 'yourpassword' 

  } 
}}}


buildTypes {release {signingConfig signingConfigs.release}}

et courir

gradlew assembleRelease

Cela vous donnera deux fichiers dans android \ app \ build \ outputs \ apk app-release.apk et app-release-unsigned.apk maintenant installez app-release.apk sur votre appareil Android.

J'espère que cela aidera les nouveaux débutants

Doc officiel ici

Si vous n'avez pas de magasin de clés à utiliser avant la commande, sinon, ignorez

Génération d'une clé de signature / d'un fichier de clés Vous pouvez générer une clé de signature privée à l'aide de keytool. Sous Windows, le keytool doit être exécuté à partir de C: \ Program Files \ Java \ jdkx.x.x_x \ bin.

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

vous obtiendrez un fichier comme my-release-key.keystore

Configuration des variables gradle Placez le fichier my-release-key.keystore sous le répertoire android / app dans votre dossier de projet. Modifier le fichier / Android gradle.properties et ajoutez la ligne suivante (remplacer ***** avec le mot de passe correct keystore, alias et mot de passe clé), enableAapt2 set faux est solution de contournement, en tant que version Android 3.0 gradle problème

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=*****
MYAPP_RELEASE_KEY_PASSWORD=*****

android.enableAapt2=false

puis ajoutez ces app / buid.gradle (app)

sous la configuration par défaut

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
            }
        }

et version de type Inside Build {}

 signingConfig signingConfigs.release

puis exécutez simplement cette commande dans le terminal de studio Android. Les commandes ci-dessous automatiseront surtout les réponses

si windows

cd android
gradlew assembleRelease

si linux / mac

$ cd android
$ ./gradlew assembleRelease

si vous avez une erreur, supprimez tout le dossier de construction et exécutez la commande

gradlew clean

que de nouveau

gradlew assembleRelease

Pour les dernières versions natives de Reaper pour regrouper le projet

Android

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

iOS

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios

La manière GUI dans Android Studio

• Ouvrez la partie application Android de l'application React Native dans Android Studio (cela signifie simplement ouvrir le dossier android de votre projet react-native avec Android Studio)
• Allez dans l'onglet "Build" en haut
• Descendez dans "Build Bundle (s) / APK (s)"
• Sélectionnez ensuite "Créer APK (s)"
• Cela vous guidera à travers un processus de localisation de vos clés pour signer l'APK ou de création de vos clés si vous ne les avez pas déjà, ce qui est très simple. Si vous vous entraînez, vous pouvez générer ces clés et les enregistrer sur votre bureau.
• Une fois ce processus terminé et si la construction a réussi, il y aura une fenêtre contextuelle ci-dessous dans Android Studio. Cliquez sur le lien à l'intérieur qui dit "localiser" (l'APK)
• Cela vous amènera au fichier apk, déplacez-le sur votre appareil Android. Ensuite, accédez à ce fichier sur l'appareil Android et installez-le.

L'utilisation d'Android Studio pour générer une apk signée pour le projet Android de React est également une option simple et efficace, ouvrez le projet Android de React dans Android Studio et générez une frappe et une apk signée.

Reportez-vous à la documentation officielle de react-native sur Génération d'APK signé

Génération signée React-Native APK