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.

...

Cloner les sources disponibles sous gitHub https://github.com/univlorraine/esup-multi

...

Parametrages de l'application

Dans src copier, coller et renommer le fichier fichier capacitor.ts.dist en capacitor.ts

Paramétrer :

  • appId
  • appName

Pour aller plus loin on peut la couleur de fond et le centrage du splashscreen

L'environnement

Dans src/environments copier, coller et renommer le fichier fichier environment.ts.dist en environment.ts

Paramétrer :

  • apiEndpoint
  • cmsPublicAssetsEndpoints 

...

web

y placer les documents télécharger téléchargés depuis firebase

et décommenter les deux ligens de environment.ts

...

Pour utiliser le thème par défaut disponible avec la démo, dirigez-vous dans le sous-dossier dossier /src/theme et renommez renommer le fichier fichier theme.scss.dist en theme.scss 

Compilation Trapeze

Installer Trapeze

https://trapeze.dev/

Dans src copier, coller et renommer le fichier trapeze-config.yml.dist en trapeze-config.yml

Adapter la variable PACKAGE_NAME et éventuellement VERSION_NAME et BUILD_NUMBER si vous ne souhaitez pas l'indiquer dans la ligne de commande (Attention il faudra donc le changer à chaque nouvelle version)

Lancer la commande

Bloc de code
npx trapeze run config.yaml --android-project android --ios-project ios/App

Exemple

Bloc de code
VERSION_NAME="11.0.21" BUILD_NUMBER="110021" npx trapeze run trapeze-config.yml -y

...

Le logo et le splashscreen se trouvent par defaut défaut dans /src/theme/default/resources 

Respecter les conventions de nommage , préférer des SVG et le mode simple (recommandé dans la documentation documentation https://github.com/ionic-team/capacitor-assets

logo.png

logodark.png

Remarque
titleAttention

Bug de l'outil constaté avec les fichiers SVG dans la génération des ressources pour la PWA


Lancer la commande

Bloc de code
npx capacitor-assets generate --assetPath /src/theme/default/resources

...