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

Todo

Build des sources Angular

Todo

Build du package Android

Todo

Générer le splashscreen et les icônes

Todo

Ajouter le support de Firebase pour les notifications push

Todo

Utiliser Trapeze pour faciliter les modifications du package Android

Todo

Ouvrir le projet sous Android Studio pour tester l'application

Todo

Préparer l'App Bundle pour la diffusion sur le Play Store

Todo

Todo Checklist de re-déploiement

Todo