• 20 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 28/11/2019

Testez votre application

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Maintenant que vous savez créer des applications avec Ionic et que vous savez également où trouver les informations pour aller plus loin, vous allez apprendre à tester votre application, à la préparer pour le déploiement et à la déployer.

Testez votre application

Jusqu'ici, normalement, vous avez utilisé la commande  ionic serve  pour tester votre application dans un navigateur, mais cela ne suffit pas.  Pour vraiment tester une application correctement, il faut pouvoir la tester au moins dans un émulateur de device, si ce n'est sur un vrai appareil.

iOS (emulate)

Pour tout développement iOS, il vous faudra l'application Xcode, disponible en téléchargement gratuit sur l'App Store.

Une fois Xcode installé, il vous faut quelques outils supplémentaires afin de pouvoir construire le projet depuis la ligne de commande.  D'abord, pour installer les outils Xcode, exécutez la commande suivante :

xcode-select --install

Ensuite, pour le déploiement direct sur device sans ouvrir Xcode, il vous faut l'outil suivant :

npm install -g ios-deploy

Pour ajouter la plateforme iOS à votre projet, exécutez la commande suivante :

ionic cordova platform add ios

Ensuite, construisez le projet avec cette commande :

ionic cordova build ios

Ce build pourra ensuite être ouvert dans Xcode.  Ouvrez Xcode, et ouvrez votre projet (qui se trouve dans le dossier  platforms/ios  de votre projet — il s'agit du fichier de format  .xcodeproj ).  Cliquez sur votre projet en haut du menu latéral à gauche et, sous la partie "Signing", vous aurez quelque chose qui ressemble à cela :

Pour créer un certificat, il faut vous rendre dans le menu Xcode, puis dans la fenêtre Préférences, puis dans l'onglet Comptes (ou Accounts).  Ensuite, le bouton Manage Certificates vous ouvre une fenêtre qui vous permet, grâce au bouton  +  en bas à gauche, de créer un certificat de développement iOS.  Si vous créez un compte Apple Developer, vous aurez également ici vos certificats de distribution.

Une fois le certificat créé, vous pourrez le choisir dans la partie Signing de la fenêtre principale :

Pour lancer l'application dans un émulateur, choisissez le device souhaité dans le menu déroulant en haut à gauche :

Cliquez sur le bouton "Lecture" pour lancer votre application sur l'émulateur choisi.  Sachez que vous pouvez également lancer l'émulateur depuis la ligne de commande sans ouvrir Xcode, avec la commande suivante :

ionic cordova emulate ios

Cette commande utilisera le dernier émulateur sélectionné dans Xcode, que ce dernier soit ouvert ou non.

iOS (device)

La meilleure manière de tester une application reste de la lancer sur un vrai appareil.  Pour cela, branchez votre appareil et, depuis le même menu déroulant que pour les émulateurs, sélectionnez votre appareil.  Le bouton Lecture lancera l'application sur votre appareil.  Une fois le premier lancement effectué, vous pourrez lancer l'application sur votre appareil depuis la ligne de commande sans ouvrir Xcode :

ionic cordova run ios

Vous pouvez même avoir un comportement similaire à celui de  ionic serve , c'est-à-dire avec un rechargement automatique à chaque modification de fichier, en exécutant :

ionic cordova run ios --livereload

La première commande vous permet de déconnecter le téléphone une fois l'application lancée ; la deuxième vous oblige à le laisser branché.

Android (emulate)

Pour construire votre application pour Android, il vous faut d'abord le JDK : le Java Development Kit.  Il est disponible en téléchargement sur oracle.com.

Ensuite, téléchargez et installez Android Studio, disponible sur https://developer.android.com/studio/index.html.

Il vous faut quelques packages spécifiques du SDK Android.  Lancez Android Studio et, dans le menu Configure, choisissez SDK Manager :

Dans SDK Platforms, installez le ou les niveaux d'API correspondant à la version ou aux versions  d'Android pour lesquelles vous souhaitez construire.  Il vous faudra également les SDK Build-Tools, ainsi que le Support Repository.

Avant de continuer, vérifiez également que vos variables environnement sont réglées correctement.  Pour cela, suivez les instructions spécifiques à votre OS sur https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html#setting-environment-variables.

Vous pouvez maintenant ajouter Android comme plateforme :

ionic cordova platform add android

Et exécuter votre premier build :

ionic cordova build android

Avec Android Studio, vous pouvez maintenant ouvrir le dossier  android  comme projet (dans le dossier platforms de votre projet).  Pour lancer un émulateur, allez dans le menu Tools -> Android -> AVD Manager :

Créez un nouveau device en suivant les instructions, en faisant bien attention de choisir une version compatible d'Android.

Une fois le device virtuel créé, vous pouvez démarrer l'application avec le bouton Lecture qui, après démarrage du simulateur, lancera l'application.

Android (device)

Il est aussi simple de tester votre application sur un device Android.  En branchant votre device, pensez à activer le déboggage USB et vous le verrez apparaître dans la fenêtre qui s'ouvre en cliquant sur le bouton Lecture :

Exemple de certificat de réussite
Exemple de certificat de réussite