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.

...

Avertissement
titlePrérequis

Nécessite d'avoir Docker sur la machine de dev, notamment pour disposer des briques suivantes en local : 

  • Instance de Directus (cf. section Le CMS Headless)
  • Serveur Nats
  • Base Redis

Configuration des variable d'environnement

...

Avertissement
titleTODO

Voir si on ne met pas en place un script sh ou npm qui permet de tout démarrer en une commande

Le Client

Prérequis

  • Android Studio + JDK pour l'app Android
  • Xcode + CocoaPods à jour (MacOS uniquement) pour l'app iOS
  • Avoir un backend fonctionnel, démarré et accessible depuis la machine locale ou le périphérique qui seront utilisés pour les tests
  • Avoir une instance du CMS headless fonctionnelle, démarrée et accessible depuis le backend ET la machine locale ou le périphérique qui seront utilisés pour les tests

Paramétrages minimaux de l'application cliente

...

Cette commande va compiler les assets et préparer les fichiers pour le build des applications natives.
Elle va en fait exécuter 2 commandes :

  • prebuild (exécuté automatiquement avant build) : npm run module:build-all => va compiler les différents modules Angular présents dans le dossier projects/ et les placer dans un dossier dist/
  • build : ng build => va compiler l'app Angular et les assets associés présents dans le dossier src/ et les placer dans un dossier www/

Build des apps

Build appli web

...

Tester les apps

Tester l'app Web

...

titleTODO

Pour tester l'app en mode Web sur un navigateur, il est nécessaire d'avoir le client ionic d'installé sur la machine locale :

Bloc de code
$ npm install -g @ionic/cli

Exécutez ensuite la commande suivante à la racine du client :

Bloc de code
$ ionic serve

Le projet devrait alors se compiler et se lancer automatiquement sur une page de votre navigateur par défaut, joignable à l'adresse : http://localhost:8100

...

Tester l'app Android

Ouvrir ensuite Pour tester l'app sur Android, il faut ouvrir le projet dans Android Studio via . Pour cela, exécutez la commande suivante :

Bloc de code
$ npx capacitor open android

...