Configurer Capacitor

...

Capacitor est le moteur de Ionic qui permet de faire correspondre les méthodes Javascript et les fonctionnalités natives du téléphone (appareil photo, contacts, GPS, ...).
Il remplace aujourd'hui Cordova sur la plupart des projets Ionic.

A la racine du projet se trouve un fichier capacitor.config.ts

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'fr.esupportail.mobile.multi',
  appName: 'Esup-Multi',
  webDir: 'www',
  plugins: {
    // eslint-disable-next-line @typescript-eslint/naming-convention
    SplashScreen: {
      androidScaleType: 'CENTER_CROP',
      splashFullScreen: true,
      splashImmersive: false,
      backgroundColor: '#ffffff',
    },
    // eslint-disable-next-line @typescript-eslint/naming-convention
    FirebaseMessaging: {
      presentationOptions: ['badge', 'sound', 'alert'],
    },
  },
};

export default config;

Il est important de bien configuré les variables se trouvant dans ce fichier car elles vont permettre d'identifier l'application sur les stores

• appId : Identifiant unique de l'application => fr.univlorraine.mobile.appUnivLorraine
  • = Bundle ID sous iOS
  • = Application ID sous Android
• appName : Nom friendly de l'application => UnivLorraine
• webDir : Répertoire contenant les assets Web compilés => www

• bundledWebRuntime : Indique s'il faut copier le runtime ou non dans le projet => false

Ajouter le support d'Android sur le projet

...