...

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

...

configurer les variables se trouvant dans ce fichier car elles vont permettre d'identifier l'application sur les stores

• appId : Identifiant unique de l'application

...

• • = Bundle ID sous iOS
  • = Application ID sous Android
• appName : Nom

...

• de l'application

...

• sur les stores
• webDir : Répertoire contenant

...

• l'app Angular compilée

Ajouter le support d'Android sur le projet

...

Pour pouvoir créer une app Android, il faut indiquer à Ionic que l'on souhaite le support natif Android

Bloc de code
npx ionic capacitor add android

Remarque
Cette commande n'est à initier qu'une seule fois sur le projet. Elle n'est plus nécessaire par la suite.

Build des sources Angular

...