...
| Bloc de code |
|---|
git clone https://github.com/univlorraine/esup-multi.git |
Parametrages minimal de l'application
Dans src /dev/user-frontend-ionic copier, coller et renommer le 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
. Ce fichier permet de paramétrer le nom de l'app et son identifiant, on laissera les valeur par défaut pour le quickstart.
Dans /dev/user-frontend-ionic/Dans src/environments copier, coller et renommer le fichier environment.ts.dist en environment.ts
Paramétrer :
- apiEndpoint
- cmsPublicAssetsEndpoints
(laisser . (Laisser les 2 lignes qui concernent firebase en commentaire)
Pour aller plus loin : Pour activer firebase ajouter dans le rep environments le sous-rep
firebase
android
ios
web
y placer les documents 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, dans le sous-dossier /src/theme et renommer le fichier theme.scss.dist en theme.scss
Pour personnaliser tout ces éléments voir la documentation
Création des clients
| Bloc de code |
|---|
ionic capacitor build |
Compilation Trapeze
Installer Trapeze
...
Logo et spashscreen
Installer Capacitor Assets (https://github.com/ionic-team/capacitor-assets) avec la ligne de commande :
...
Le logo et le splashscreen se trouvent par défaut dans /dev/user-frontend-ionic/src/theme/default/resources
Respecter les conventions de nommage et le mode simple (recommandé dans la documentation https://github.com/ionic-team/capacitor-assets
logo.png
logodark.png
...
| title | Attention |
|---|
...
Lancer la commande
| Bloc de code |
|---|
cd /dev/user-frontend-ionic
npx capacitor-assets generate --assetPath /src/theme/default/resources |
...
Compilation
...
| Bloc de code |
|---|
ionic capacitor build |
...
et lancement de l'app
Lancement de la pwa
| Avertissement | ||
|---|---|---|
| ||
A détailler |
...