5. Tester et Déployer son Application

Actuellement, l’application est en train de tourner avec une commande. Voici comment on gère la vie d’un projet Ionic :

Voir l’application (Ce que vous faites déjà)

• ionic serve : Cette commande construit temporairement le projet et lance un serveur web local (souvent sur http://localhost:8100). Chaque fois que vous sauvegardez un fichier (.html, .ts, .scss), la page web se met à jour automatiquement. C’est parfait pour développer.

Transformer le projet pour le Web (Production)

• ionic build : Angular va prendre tous vos fichiers de code, nettoyer ce qui est inutile, compresser et regrouper vos fichiers, et les placer dans un dossier www/ ou dist/. C’est ce dossier que vous pouvez héberger sur n’importe quel serveur web classique.

Transformer le projet pour Mobile (Capacitor)

Ionic utilise un outil appelé Capacitor pour transformer ces fichiers web en vraies applications mobiles natives.

1. ionic build (pour compiler le code web)
2. npx cap add android ou npx cap add ios (pour préparer le projet mobile)
3. npx cap sync (pour copier votre code web dans le projet mobile)
4. npx cap open android (ça ouvre Android Studio pour que vous puissiez lancer l’application sur un vrai téléphone ou un émulateur).