esup-multi

Arborescence des pages

Comparaison des versions

Ancienne version 16

changes.mady.by.user Benjamin Lemoine

Sauvegardée le

comparé à

Nouvelle version Actuel

changes.mady.by.user Benjamin Lemoine

Sauvegardée le

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

Sommaire
maxLevel1

Configurer Capacitor

Inclure page
Configurer Capacitor
Configurer Capacitor

...

Avertissement
titleImportant

Si vous avez passé un environnement à Angular au moment du build, il est impératif d'ajouter l'option --no-build lors de la synchronisation des fichiers.
Sans quoi Ionic relancera le build Angular sans prendre en compte l'environnement en question.

Pour plus d'infos sur l'utilisation des environnements : Configurer plusieurs environnements de développement

Ajouter les autorisations nécessaires pour les fonctionnalités natives

Inclure page
Autorisations nécessaires des clients
Autorisations nécessaires des clients

Pour ajouter les autorisations dans le fichier AndroidManifest.xml, il suffit de coller la balise de déclaration correspondante, au sein de la balise <manifest> (généralement juste avant la balise <application>).

Accès à l'appareil photo

Bloc de code
<uses-permission android:name="android.permission.CAMERA" />

Accès aux photos

Bloc de code
<uses-feature android:name="android.hardware.camera" />

Autoriser l'utilisation du plugin de scan des code-barres

Bloc de code
<uses-sdk tools:overrideLibrary="com.google.zxing.client.android" />

Accès à l'annuaire des contacts

Bloc de code
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />

Géolocalisation

Bloc de code
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-feature android:name="android.hardware.location.gps" android:required="false" />

Internet

Bloc de code
<uses-permission android:name="android.permission.INTERNET" />

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

...

Vous pouvez désormais testé le projet Android en sélectionnant le périphérique souhaité (émulateur ou device connecté) dans le menu déroulant en haut

puis en cliquant cliquant sur le bouton (Run App)

Remarque

Il se peut qu'à l'ouverture du projet, Studio vous propose de mettre à jour le plugin Gradle vers une version supérieur.

Ne le faites pas !
La version de Gradle à utiliser sur le projet est configurée par Ionic au moment du build. Mettre à jour Gradle risquerait de casser le projet

...

Publier l'application sur les stores

Checklist de (re)build

Vous trouverez ci-dessous la checklist des actions à effectuer pour build ou rebuild l'app native et la publier sur les stores.

En gris, les actions à n'effectuer qu'une seule fois.
Entre parenthèses, les actions facultatives.
Les autres actions sont à faire à chaque nouvelle release. 

  •  Configurer Capacitor en éditant le fichier capacitor.config.ts
  •  Ajouter le support d'Android sur le projet
    Bloc de code
    npx ionic capacitor add android

  •  Build les sources d'Angular avec les modules
    Bloc de code
    npm run build [-- --configuration={environment}]

  •  Synchronisation des sources Angular avec les packages natifs Android
    Bloc de code
    npx ionic capacitor sync android [--no-build]

  •  Ajouter les autorisations pour les fonctionnalités natives dans le fichier AndroidManifest.xml
  •  Générer le Splashscreen et les icônes de l'application avec l'outil capacitor-assets
  •  (Ajouter la configuration Firebase en collant le fichier google-services.json dans le dossier android/app/)
  •  Exécuter la configuration Trapeze pour mettre à jour les numéros de version et build + (copie des fichiers de configuration Firebase)
  •  Ouvrir le projet dans Android Studio
    Bloc de code
    npx ionic capacitor open android

  •  Vérifier que l'on retrouve bien le bon package_name, ainsi que les autorisations nécessaires dans le fichier AndroidManifest.xml
  •  Vérifier que l'on retrouve bien les bonnes valeurs pour les attributs versionCode et versionName dans le fichier android/app/build.gradle
  •  Configurer les certificats pour la signature du bundle
  •  Générer l'App Bundle signé : menu > Build > Generate Signed Bundle
  •  Déposer l'App Bundle app-release.aab généré dans le dossier android/app/release/ sur le Play Store

Todo