esup-multi

Arborescence des pages

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

...

Bloc de code
npx ionic capacitor add android

Un nouveau dossier android/ devrait apparaitre dans votre arborescence, contenant tous les fichiers propres au fonctionnement sur la plateforme.

Remarque

Cette commande n'est à initier qu'une seule fois sur le projet. Elle n'est plus nécessaire par la suite.

Build des sources Angular

Pour pouvoir générer le package Android, il faut au préalable builder l'app Angular

...

Todo

Build du package Android

...

.

Le build Angular se fait en 2 étapes :

  • build des modules
  • build de l'app

Pour build tous les modules en 1 commande :

Bloc de code
npm run module:build-all

Pour build un module en particulier

Bloc de code
npm run module:build {nom_module}

Pour build l'app Angular

Bloc de code
npx ng build [--configuration={environment}]

A l'issue de ces builds, votre projet devrait comporter 2 dossiers contenant les sources compilées et minifiées : www/ (= core Angular) et dist/ (= modules)

Pour faciliter cette étape, l'application Multi met à disposition une commande qui permet de lancer le build complet :

Bloc de code
npm run build [-- --configuration={environment}]

Build du package Android

Une fois le build Angular terminé. Il faut utiliser une commande Capacitor qui permet de synchroniser les données des fichiers www/ et dist/ avec le dossier de l'app native android/

Bloc de code
npx ionic capacitor sync android [--no-build]


Avertissement
titleImportant

Si vous avez passé un environnement à Angular au moment du build, il est impératif d'ajouter l'option --no-build lors de la synchronisation des fichiers.
Sans quoi ionic relancera le build Angular sans prendre en compte l'environnement en question.

Plus d'infos sur l'utilisation des environnements ici : Configurer plusieurs environnements de développement

Générer le splashscreen et les icônes

...