Nous avons donc vu comment créer et déployer une application avec expo dans le flux de travail géré, ce qui était assez pratique.
Supposons maintenant que nous ayons par exemple une application construite avec la CLI React Native. Ici, je n'utilise aucun module natif mais si
je l'étais, j'aurais bien sûr mis à jour mes fichiers de configuration Android et iOS pour demander les
bonnes autorisations, etc. et j'ai montré tout cela dans le module non-expo plus tôt dans le cours
.
Alors maintenant, disons que nous sommes satisfaits de l'application et que nous voulons la publier sur l'App Store d'Apple
et le Google Play Store.
Maintenant, les documents officiels React Native sont un excellent endroit pour commencer, là, dans la documentation sous les
guides, vous trouverez également ce guide de fonctionnement sur l'appareil où vous pouvez apprendre comment vous créez votre application pour iOS ou Android
sur les différents systèmes d'exploitation que vous pourrait travailler. Important, vous ne pouvez construire que pour iOS sur
macOS maintenant, Linux et Windows ne fonctionnent pas car maintenant nous ne construisons pas l'application dans le cloud
comme nous l'avons fait avec expo mais localement sur notre machine et là, Apple a cette restriction que vous peut uniquement créer
des applications iOS sur un Mac, c'est ce
que c'est.
Alors maintenant, ce dont vous avez besoin maintenant, c'est d'un compte de développeur Apple, en ce moment pas nécessairement payant, il suffit de créer l'application
mais
si vous voulez le construire, pour les app stores vous avez besoin d'un compte payant
comme mentionné précédemment dans ce module. Vous devez donc configurer
un tel compte Apple Developer puis ouvrir votre projet ici, votre projet iOS pour être précis avec Xcode.
Là, vous pouvez cliquer sur ouvrir un autre projet, aller dans votre dossier de projet, là-bas dans le dossier iOS et
y sélectionner ce dossier ou fichier d'espace de travail XC ici pour l'ouvrir avec Xcode.
Cela ouvre votre projet, votre projet iOS qui inclut votre code React Native bien sûr dans Xcode. Maintenant, c'est là que vous configurez maintenant cette application,
où vous configurez votre identifiant par exemple, c'est cette URL inverse dont
je parlais qui pourrait être com. academind. rn-no expo test, quelque chose comme ça, où vous
définissez un numéro de version que vos utilisateurs verront et votre numéro de build qui peut simplement
être un numéro que vous incrémentez ici, où vous devriez choisir de gérer automatiquement la
signature et où vous devez maintenant choisir une équipe qui devrait être montrée ici, sinon ajouter un compte et là, connectez-vous
avec votre identifiant Apple pour ajouter votre compte de développeur Apple en tant que compte ici et par
la suite, vous devriez pouvoir choisir votre équipe ici qui sera requise pour automatiquement la
signature de l'application
qui sera ensuite effectuée par Apple pour ainsi dire. Vous pouvez en général configurer votre application ici bien sûr et la préparer pour le déploiement
et une configuration importante est bien sûr liée aux icônes que vous souhaitez utiliser. Dans expo, nous avons installé les icônes
de manière pratique dans une configuration et expo a généré toutes les icônes pour nous.
Maintenant, cela ne fonctionnera pas
comme ça, maintenant vous devez configurer ces icônes vous-même et vous le faites en cliquant sur cette flèche ici qui vous
amène au catalogue des actifs et là, vous pouvez maintenant fournir des icônes et vous devez fournir des icônes dans différentes
tailles ici comme vous pouvez le voir.
Maintenant, évidemment, c'était une chose pratique par expo, cela a créé
ces icônes pour vous et vous n'avez pas eu à créer manuellement toutes ces icônes. Vous trouverez ci-joint
une icône. fichier zip qui comprend des icônes que
vous pouvez faire glisser et déposer ici, c'est donc ce que je vais faire maintenant et les icônes sont étiquetées de sorte qu'il
devrait être clair ce que vous devez faire glisser où et avec cela, vous avez configuré les icônes.
Vous pouvez également vouloir configurer l'écran de lancement, pour cela vous pouvez développer ce dossier
et vous y trouverez ce fichier zip de l'écran de lancement. Cela vous permet finalement de personnaliser votre écran de lancement,
vous pouvez y ajouter de nouveaux widgets, y faire glisser des images, changer le texte, vous voyez ici par
exemple et configurer l'écran de lancement en général. Vous pouvez en savoir plus à ce sujet dans les documents Xcode
bien sûr et une fois que vous avez configuré tout cela, vous pouvez créer votre application ici. Pour cela, vous pouvez également par exemple le tester sur un simulateur en
choisissant d'abord une version de simulateur, puis en cliquant sur le bouton de lecture ici et cela va maintenant
construire votre application et l'exécuter sur un simulateur et ensuite bien sûr, nous pouvons également le construire pour déploiement.
Voyons simplement si tout cela fonctionne maintenant, il lance ce processus de regroupement que vous avez déjà vu plus tôt pour
cette application autonome, car bien sûr, cela fait toujours partie de l'expérience de développement ici.
C'est toujours une application React Native après tout ce que vous utilisez pour créer cette application native et maintenant cela a réussi et elle
lance l'application sur un simulateur.
Maintenant, je ne suis pas trop intéressé par l'application, car je n'ai qu'une application très basique
qui ne fait rien d'extraordinaire, mais cela prouve que la construction fonctionne.
Maintenant, dans les documents officiels, si vous faites défiler vers le bas dans cette section en cours d'exécution
sur l'appareil, vous apprendrez également à créer votre
application pour la production si c'est une application non expo et là, nous avons maintenant deux choses importantes à faire.
La première chose importante est que dans notre vue de projet ici, en cliquant sur ce dossier
puis sur cette icône ici, vous développez ce dossier puis accédez aux infos. plist et maintenant là, vous trouverez cette clé de paramètres
de sécurité de transport d'application.
Ce type de contrôle comment iOS contrôle à quelles pages Web ou serveurs Web votre application peut parler
et par défaut, il autorise uniquement l'accès aux serveurs https, donc aux serveurs sécurisés SSL.
C'est une bonne valeur par défaut, mais vous pouvez avoir des exceptions
que vous pouvez ajouter ici et une exception dans la liste des domaines d'exception est localhost.
Maintenant, cela est nécessaire pour le développement, car votre application React Native finit par parler à ce serveur
de développement ici, qui s'exécute sur votre
hôte local qui n'utilise pas SSL. Normalement, iOS bloquerait cela, maintenant pour ne
pas le bloquer, c'est dans la liste des exceptions. Pour le construire pour la production, vous devez le supprimer, vous
pouvez simplement effacer cette
clé ici en la supprimant avec la clé de suppression et c'est tout. C'est une chose que vous devez configurer pour
le déploiement, puis vous devez configurer un tel schéma de version. Pour cela, vous devez aller au schéma de
produit, modifier le schéma et le définir à partir du débogage pour le publier ici pour l'exécution, puis le fermer.
Avec cela, vous pouvez maintenant exécuter la génération de produit ici pour créer votre application et maintenant celle-ci
est conçue pour la version, conçue pour la production, elle est donc optimisée et ainsi de suite.
Donc, cela crée votre application maintenant pour la production.
Maintenant, pendant que cette
version s'exécute, assurons-nous que nous pouvons également la télécharger sur l'App Store
d'Apple et pour cela, vous devez aller sur votre compte de développeur Apple et ici, vous avez maintenant définitivement besoin d'un compte payant
et là, vous devez maintenant configurer un deux ou trois choses. Vous devez aller aux certificats, ID et profils
ici et aller aux identifiants puis ajouter ici un nouvel
ID d'application, juste ici, le premier paramètre, ajouter un ID d'application et
vous devez ajouter l'ID d'application qui est configuré dans votre projet, donc l'ID d'application, l'identifiant de bundle que
vous trouvez ici, cet identifiant exact doit être ajouté ici. Vous pouvez ajouter une description, rn-demo, tout
ce que vous voulez, mais ici, vous devez ajouter cet ID. Maintenant, vous pouvez vérifier toutes les capacités spéciales dont votre application a besoin, ce
qui n'est pas le cas de mon application, je n'ai donc
pas besoin de vérifier quoi que ce soit là-bas, puis je peux continuer, confirmer cela et m'inscrire.
Maintenant, cela
est obligatoire, sinon vous ne pourrez pas publier votre application.
Maintenant que cet ID est enregistré, vous devez aller sur iTunes Connect et vous pouvez simplement
rechercher sur Google ce qui est finalement le service où vous créez cette
page de magasin et où vous devez maintenant configurer votre application. Là, vous pouvez accéder à mes applications et ajouter une nouvelle application ici en cliquant sur la nouvelle
application plus ici, à la façon dont vous voyez également l'application que nous avons créée avec expo, alors cliquez sur nouvelle application ici, iOS, donnez-lui un nom comme RNNoExpo qui parmi
Bien sûr, c'est un beau nom que
vous ne voudriez pas vraiment utiliser, mais c'est bon pour nous
ici, puis choisissez la langue pour laquelle vous créez votre application, choisissez l'ID du bundle et là, choisissez l'ID que vous venez de
configurer, si c'est ne se
présente pas encore, revenez quelques minutes plus tard, il sera là alors. Vous pouvez ensuite également ajouter votre propre
identifiant personnalisé qui apparaîtra sur vos factures essentiellement et ainsi de suite, RNNoExpo, tout ce que
vous voulez et cliquez sur créer et cela crée maintenant l'application ici dans iTunes Connect.
C'est également là que vous pouvez gérer l'application pour l'App Store et la configurer, configurer
sa tarification, etc.
Maintenant que tout cela est fait, attendons que notre build se termine ici et s'il a échoué comme pour moi, la
raison en est que vous devez le définir sur un appareil iOS générique, alors assurez-vous d'avoir cet ensemble.
Assurez-vous également d'ajouter sur ce test RNWithoutExpo, vous sélectionnez votre équipe de développement, c'est une autre
erreur que j'ai ici.
Si vous obtenez toujours une erreur comme moi, appuyez sur la commande 1 ici dans Xcode, cliquez sur les paramètres de construction ici avec
toutes ces choses sélectionnées comme vous
le voyez ici, dans la section de liaison que vous trouverez si vous faites défiler un peu et
dans cette partie de suppression de code ici, sous libération, définissez cela de oui à non.
Il s'agit d'une solution de contournement autour de cette erreur qui semble être liée aux tests automatiques qui sont configurés
et une fois que vous avez fait cela, essayez à nouveau, exécutez la génération une fois de plus et maintenant cela devrait réussir. Une fois cette construction réussie, vous pouvez
revenir au produit et maintenant l'option d'archivage est disponible.
Si vous exécutez maintenant cela, cela archive votre application qui n'est rien d'autre que la construction de ce bundle qui était
précédemment construit sur les serveurs cloud d'Expo, alors attendons
que cela se termine.
Une fois cela
fait, vous devriez voir votre ou vos archives si vous êtes dans le processus plus d'une fois ici et maintenant
ici, vous pouvez distribuer votre application sur l'App Store avec les configurations faites sur iTunes Connect et ainsi de
suite que j'ai montrées plus tôt.
Maintenant, je ne vais pas le faire ici, mais c'est ainsi que vous déploieriez votre application React Native uniquement sans expo gérée.