...
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
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 | ||
|---|---|---|
| ||
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 |
...