Maintenant, nous avons testé l'application sur un véritable appareil qui est bien sûr assez agréable et aussi incroyable de le voir fonctionner là-bas,
mais pour le développement, j'utiliserai en fait un simulateur qui
est un appareil virtuel fonctionnant sur ma machine, simplement pour que je ne le fasse pas devoir
constamment tester l'application sur mon appareil réel, j'aime l'avoir ici, cela facilite également l'enregistrement.
Vous souhaitez probablement tester l'application sur un simulateur à un moment donné, par exemple parce que vous ne possédez probablement que
Android ou un appareil iOS et que vous souhaitez également tester et voir votre application sur l'autre plate-forme respective ou
si vous avez les deux appareils, vous avoir un iPhone, vous avez un téléphone Android mais vous voulez également tester
votre application sur un iPhone plus ancien, sur un appareil Android plus petit et avec des simulateurs et émulateurs, vous pouvez lancer
différents types d'appareils et tester votre application là-bas. Pour commencer, allez dans la section des guides en bas et cliquez
sur Up and Running, peu importe où vous cliquez, au
final, il vous suffit d'accéder aux documents. expo. io et là
dans le workflow géré, vous pouvez cliquer sur
le simulateur iOS ou l'émulateur Android Studio et là, vous avez appris à installer Android
Studio puis à lancer un appareil virtuel ou à installer Xcode qui est l'environnement de développement
d'Apple et à lancer un simulateur iOS. Important, un simulateur iOS ne peut être lancé que sur des
appareils MacOS car Xcode, un outil dont vous avez absolument besoin pour cela n'est pas disponible sur Windows ou Linux, donc
vous ne pouvez pas exécuter un simulateur iOS sur Windows ou Linux, vous pouvez exécuter un Android L'émulateur Studio là-bas cependant, sur MacOS, vous
pouvez exécuter les deux.
Alors installons maintenant ces choses et commençons par l'émulateur Android
Studio, pour cela, vous devez d'abord installer Android Studio. Pour cela, vous pouvez bien sûr simplement google pour Android
Studio et vous devriez trouver développeur. Android. com / studio, il
vous suffit de cliquer ici et là, choisissez de télécharger Android Studio et acceptez ces conditions ici.
Maintenant, cela ouvrira cette fenêtre de téléchargement et téléchargera maintenant Android Studio qui est assez grand et
donc ce téléchargement peut prendre un certain temps.
Maintenant, je serai de retour une
fois ce téléchargement terminé pour continuer la configuration. Donc, le téléchargement est terminé pour moi et avec
ça, je l'ouvre, maintenant je suis sur Mac ici mais aussi Windows, vous double-cliquez simplement sur ce fichier téléchargé pour
démarrer le programme d'installation et le programme d'installation s'ouvrira et vous guidera à travers quelques étapes.
Maintenant, dans ce programme d'installation, vous pouvez simplement laisser tous les paramètres par défaut. Maintenant, avec Android Studio installé et l'installation terminée,
nous allons lancer dans une seconde.
Maintenant, avant de lancer avec vous et de parcourir cette première étape, assurez-vous que
ces paramètres sont correctement configurés sur MacOS et Linux.
Donc, sous Windows, vous devriez
avoir besoin de le faire, mais sous MacOS et Linux, assurez-vous de suivre ces deux étapes
que vous trouverez dans les documents officiels afin que tout fonctionne correctement. Maintenant, avec cela, lançons Android Studio, une fois que vous l'avez démarré, vous
devriez voir un écran qui ressemble à ceci.
Là, vous pouvez cliquer sur configurer puis choisir le gestionnaire du SDK.
Maintenant, ici, dans le gestionnaire de SDK, assurez-vous que l'un des derniers SDK est installé.
Maintenant, généralement, vous avez le SDK le plus haut qui est toujours en version bêta,
donc dans mon cas, c'est le niveau d'API Android 29q qui n'a pas encore de nom officiel et la
dernière version stable, dans mon cas pi, est celle que vous devez
installer, généralement le deuxième élément ici dans cette liste.
Donc, la première version qui a un vrai nom pour ainsi
dire, dans ce cas pi, assurez-vous qu'elle est installée simplement en
la vérifiant ici et une fois que vous l'avez vérifiée, vous pouvez cliquer sur appliquer
là-bas et cela sera automatiquement téléchargé et installé il. En plus d'avoir un SDK installé, assurez-vous que dans les
outils SDK,
vous avez installé l'émulateur Android ici, alors cliquez simplement dessus ici, ajoutez une coche ici et les outils de
la plateforme SDK et les outils SDK, que tous ces trois sont vérifiés ici . Consultez également l'accélérateur d'émulateur Intl 86 ici et les services Google Play.
Une fois toutes les cases cochées, cliquez sur
Appliquer et maintenant, cela vous invitera, puis lancez le téléchargement de tous ces éléments et installez-les
dans votre configuration Android ici et vous avez besoin de toutes ces choses installées pour développer des applications Android.
Attendons donc que ce téléchargement et cette installation se terminent ici et que cela soit terminé, vous avez terminé ici, vous
pouvez fermer cela et l'étape suivante, toujours dans cette fenêtre Android Studio ici, consiste à cliquer
sur configurer le gestionnaire AVD.
Il s'agit du gestionnaire qui vous permet de créer et de lancer des appareils virtuels.
Vous voyez, j'ai déjà quelques appareils, vous n'en
avez peut-être aucun, vous pouvez toujours en créer un nouveau dans le coin inférieur gauche en cliquant
sur créer un appareil virtuel, puis choisissez un téléphone ici et vous pouvez choisir n'importe quelle image que vous souhaitez créer ici différents
appareils de différentes tailles.
Je recommanderais d'aller avec celui sur lequel le Play Store est installé, qui peut aider à tester certaines fonctionnalités
dont nous pourrions avoir besoin plus tard, mais
en général, vous pouvez choisir n'importe quelle image ici que vous voulez, j'irai
avec le pixel 2 ici. Cliquez sur Suivant, puis choisissez
une version Android que
vous souhaitez utiliser sur cet appareil et là, j'utiliserai la
dernière version stable, donc pas la version
bêta, pas le Q dans mon cas mais la dernière version stable, vous devrez peut-être la télécharger
d'abord, cette image, elle est indépendante des SDK que vous avez installés il
y a une seconde, ce sont des images de périphérique. Assurez-vous donc de télécharger la dernière version stable et de la sélectionner par
la suite, cliquez sur suivant.
Vous pouvez laisser les paramètres par
défaut ici, vous pouvez plonger dans les paramètres avancés si vous savez vraiment
ce que vous faites mais sinon, vous pouvez laisser les valeurs par défaut et cliquer
sur Terminer et cela créera maintenant un nouvel émulateur, dans mon cas celui-ci ici et vous pouvez lancer
l'émulateur en cliquant sur ce bouton de lecture vert ici et cela démarrera maintenant cet émulateur qui démarre maintenant ici et une fois
qu'il est démarré, vous pouvez exécuter votre application expo, votre application React Native, sur cet émulateur.
Attendons donc que cela se
termine et laissez-moi vous montrer comment lancer votre application expo sur cet émulateur. L'émulateur a donc terminé le démarrage et vous pouvez
maintenant lancer votre application sur cet émulateur simplement en allant dans votre projet où vous pourriez avoir votre processus
en cours d'exécution, si vous le
quittez, vous pouvez simplement redémarrer npm start dans votre projet d'expo React Native.
C'est donc ce que je fais ici et il démarre à nouveau les outils de développement expo dans le navigateur ici et maintenant ici où
nous avons précédemment scanné ce code QR, vous pouvez appuyer sur Exécuter sur un appareil ou un émulateur Android et si vous avez
un émulateur opérationnel, il exécutera automatiquement votre application là-bas ou dans votre terminal ici où vous avez ce processus
de démarrage de npm en cours d'exécution,
vous pouvez appuyer sur a pour lancer également votre application sur l'émulateur.
C'est ce que
je viens de faire, cela va maintenant installer le client expo sur l'émulateur
automatiquement, donc vous n'avez pas besoin d'installer ou d'installer manuellement le client expo là-bas, c'est fait pour
vous et une fois cela fait, il construit votre application et l'exécute sur cet appareil Android.
Attendons donc que cela se
termine, le voici, le démarrage démarre et oui, cliquez ici, vous êtes invité à autoriser l'affichage
de cette application la première fois que vous la lancez. Activez ceci ici, puis revenez en arrière, allez dans le tiroir de l'application ici
ou dans le gestionnaire de tâches et revenez dans votre application ici et maintenant voici le lancement de votre application expo, c'est à nouveau
la construction de ce bundle Javascript en bas et une fois cela fait, il lancera votre application expo ici et seule la
première génération prend assez de temps, les reconstructions suivantes et les rechargements à chaud comme vous l'avez vu sont assez rapides.
Attendons donc la fin de cette version et maintenant elle se termine ici et ici, nous voyons notre application. Soit dit en passant, c'est bien, nous l'avons
vu sur
l'iPhone avant, du moins ici dans les vidéos.
Maintenant, il fonctionne sur Android et le bouton est l'un des très rares composants que React
Native offre qui ajuste automatiquement son apparence à la plate-forme,
donc c'est plutôt agréable
et nous avons les mêmes fonctionnalités qu'auparavant et cela nous permet de tester cela, non uniquement sur le vrai appareil
mais aussi dans un simulateur et
là vous pouvez simuler n'importe quel appareil Android que vous voulez, ce qui est bien sûr assez utile.
C'est donc l'application qui s'exécute sur un simulateur
Android et tout au long de ce cours, je montrerai toujours comment cela fonctionne et fonctionne sur un émulateur Android.
Plongeons maintenant dans l'exécution de ceci sur iOS.