Création d'applications iOS et Android (ipa et apk) à partir d'un code natif réactif

React native nous donne l'avantage d'écrire une fois et de construire pour n'importe quoi. Parfois, il devient difficile de sortir les applications iOS et Android de ce code. Voici quelques applications simples que nous serons en mesure d'aller chercher des .ipaet .apkfichiers.

Commençons... nous avons le code natif de réaction et nous aurions app.json avec un bloc pour l' expoendroit où nous donnerions le nom, la version, etc. Le nom fourni dans ce bloc sera l'identifiant à un stade ultérieur pour l'application iOS.

Hypothèses:

Nous utilisons expo pour construire les packages, app.jsonnous aurions donc des configurations pour expo, où les noms, le slug, la version, etc. sont définis.

Dans notre code natif, nous ne spécifions aucun cacaoyer ou autre en dehors de npmou des yarnpackages.

Vous avez Xcode, npm, gradle, expo cli sont installés sur votre machine. Si ce n'est pas le cas, n'hésitez pas à installer à partir de leur site officiel.

Le certificat iOS est également créé avec l'identifiant de l'application pour signer l'application et l'accès pour créer le compte développeur du profil Apple. Si ce n'est pas le cas, veuillez vérifier ici comment créer le même.[ComingSoon]

Fichier Android keystore.jks créé pour signer l'apk. Si ce n'est pas le cas, veuillez vous référer à ceci pour vérifier comment créer le même.[ComingSoon]

Pas

1: Entrons dans le répertoire racine de votre code.

2: Exécuter npm install or yarn installdépend de ce que vous utilisez dans votre code.

3: Exécuter la expo ejectcommande. Si vous souhaitez utiliser le npmpackage de manière très explicite, veuillez utiliser expo eject --npmceci utilisera explicitement les packages npm pour extraire les packages iOS et Android.
Cette étape posera quelques questions lors de l'exécution dans l'invite de commande uniquement

Et maintenant, il va commencer à créer les répertoires ioset android.

4: Une fois votre commande ci-dessus terminée, vous aurez les dossiers iOSet androiddans le répertoire actuel, qui peuvent maintenant être utilisés pour construire respectivement les fichiers .ipaet .apk.

5: Vérifiez simplement quel est le contenu du iosrépertoire. Il devrait y avoir Podfile, .xcworkspace, .scodeprojet d'autres répertoires.

6: Vérifiez le androidrépertoire, il aura le répertoire de l'application, du gradle et des fichiers pour gradlew, build.gradle, etc.

Maintenant, nous avons 3 options, la
première est que nous pouvons exécuter le projet dans un environnement de développement, vous pouvez exécuter la commande npm run iospour exécuter l'application ios et npm run androidpour exécuter l'application Android.

Deuxièmement, nous pouvons ouvrir ce qui précède dans XCode et Android studio respectivement pour iOS et Android et pouvons également créer les fichiers .ipa et .apk.

La troisième consiste à créer le fichier apk et ipa signé avec expo

iOS

expo build:ios

Android

expo build:android

Si vous aimez ça, donnez - moi des applaudissements , ça me motive vraiment à écrire des choses plus utiles.
Si vous avez quelque chose en tête et que vous voulez que j'écrive à ce sujet, vous pouvez également me le suggérer. Mon profil LinkedIn dans la bio, vous pouvez vous connecter avec moi à partir de là.
Merci beaucoup d'avoir lu ceci.

Bon apprentissage !!! 📚