Préambule

• Pour un résumé des différentes alternatives pour développer une application mobile à base de JS, se référer à l'introduction de l'article TD n°4 : dev. mobile hybride - partie I, avec Quasar.
• De plus, cet article donne également les étapes de mise en place de l'environnement de développement pour Android. Elles ne seront donc pas rappelées ici.

1°/ Mise en place logicielle

1.1°/ Installation d'Android Studio & ...

• Comme pour Quasar, Ionic nécessite d'avoir à sa disposition Android Studio ou Xcode afin de construire une application mobile, quand bien même celle-ci est hybride.
• Pour l'installation des outils Android, se référer à l'article précédent TD n°4 : dev. mobile hybride - partie I, avec Quasar.
• À noter qu'avec Ionic, l'installation séparée de Gradle n'est à priori pas nécessaire car Ionic-Vue sait utiliser le plugin Gradle pour Android Studio.

1.2°/ Installation des paquets Node pour Ionic

Il suffit d'utiliser npm pour faire une installation globale :

npm install -g @ionic/cli

1.3°/ Utilisation de la version 11/17 de Java

• Comme pour Quasar, il faut utiliser la v11/17 de Java.

2°/ Création d'un projet Ionic-Vue

2.1°/ Initialisation du projet

Le plus simple est de partir d'un projet d'exemple créé avec les commandes Ionic :

ionic start monappli blank --type vue

• Le paramètre monappli correspond au nom de répertoire racine du projet.