đŸ“€ Comment publier une application Flutter en moins de 30 minutes sur le Google Play Store ?

đŸ“€  Comment publier une application Flutter en moins de 30 minutes sur le Google Play Store ?

Vous voulez rapidement tester votre application en production ? Normalement, les dĂ©lais de publication vont de trois jours Ă  une semaine. Une solution rapide consiste Ă  publier votre application en version de "test interne", ainsi la publication est immĂ©diatement accessible pour toutes personnes s'Ă©tant inscrit sur une mailing liste 😉.


Note : Initialement cet article a Ă©tĂ© Ă©cris dans le cadre de notre formation d'initiation Ă  Flutter, pour lequel on dĂ©bute par la crĂ©ation d'une application Ă  la maniĂšre d'un Cookie Clicker. En voici une version adaptĂ© pour tout le monde 😃.

Avant de commencer

Pour pouvoir commencer, vous devez avoir accĂšs Ă  la console dĂ©veloppeur du Play Store. Pour cela, pas 36 000 solutions : il faut payer đŸ’”.

Chez Google, le coĂ»t d’une licence est de 25 € payable une seule fois. Chez Apple, le coĂ»t est de 99 € par an.

Google Play Console | Google Play Console
Page de destination de la Google Play Console
Le site de la console développeur du Play Store

Création de la fiche Play Store

Il y a un peu de formulaire Ă  remplir...

Si le paiement c'est bien passé bien, vous pouvez désormais créer une application.

Cliquez sur créer une application en bleu :
Remplissez les champs correctement puis de nouveau cliquez sur créer une application en bleu.

Vous arrivez sur le tableau bord :

Nous allons démarrer les tests.

DĂ©roulez le menu Affichez les tĂąches de la rubrique DĂ©marrer les tests maintenant
Puis cliquez sur SĂ©lectionner les testeurs
Illustration des testeurs qui utiliserons votre application 😆

Vous allez devoir crĂ©er une liste de diffusion qui permettra Ă  vos testeurs d'accĂ©der Ă  l'application. 📧

Nous allons donc créer notre liste de diffusion :

Mettez un nom à la liste de diffusion puis renseignez les différentes adresses mails.

❓ N'oubliez pas d'appuyer sur entrĂ©e pour valider les adresses mails.

Une fois fait, cliquez sur enregistrer les modifications
Cliquez sur créer

Assurez-vous que vous avez bien rempli le champ URL ou adresse e-mail pour les commentaires ce sera le seul endroit pour les testeurs par lequel ils pourront vous contacter s'ils veulent envoyer des commentaires.

Une fois fait, cliquez sur Enregistrer les modifications

Tant que votre application n'a pas Ă©tĂ© examinĂ©e et que sa configuration n'est pas terminĂ©e, un nom temporaire est prĂ©sentĂ© aux testeurs internes lors du tĂ©lĂ©chargement n'en tenez pas compte ce n'est pas gĂȘnant.

Cliquez maintenant sur créer une release en haut à droite.
Cliquez sur Continuez puis acceptez les Conditions d'utilisation du service Signature d'application Play.

Créer un keystore

Un keystore (magasin de clefs) Java est un fichier informatique qui stocke des certificats électroniques et éventuellement leurs clefs privées. (Merci Wikipedia)

Ce fichier est trĂšs important et mĂȘme indispensable pour publier votre application. Il faut le garder trĂšs prĂ©cieusement, c'est lui qui identifiera de façon unique votre application.


Si vous avez un keystore existant, passez à l'étape suivante. Sinon, créez-en un en exécutant la commande suivante en ligne de commande :

Sous Mac ou Linux, utilisez la commande suivante :

keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

Sous Windows, utilisez la commande suivante :

keytool -genkey -v -keystore c:\Users\USER_NAME\key.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -alias key

Pour exécuter cette commande, vous devez avoir Java d'installé sur votre machine.

Java SE - Downloads | Oracle Technology Network | Oracle France
Vous pouvez télécharger le JDK directement depuis le site d'Oracle

Cette commande stocke le fichier key.jks dans votre répertoire home. Si vous souhaitez le stocker ailleurs, modifiez l'argument que vous passez au paramÚtre -keystore.

🛑 Gardez bien ce fichier prĂ©cieusement.

PrĂ©paration de l’application

Créez un fichier nommé <votre projet>/android/key.properties qui contient une référence à votre keystore :

storePassword=<mot de passe de l'étape précédente>
keyPassword=<mot de passe de l'étape précédente>
keyAlias=key
storeFile=<chemin absolu du fichier key.jks>

Vous devez mettre les deux fichiers à l'intérieur du dossier android

Pour gardez le fichier keystore privĂ©. Il suffit de ne pas les versionner 😁.

Si vous n'avez pas encore de fichier .gitignore c'est le bon moment de le créer !

flutter/flutter
Flutter makes it easy and fast to build beautiful apps for mobile and beyond. - flutter/flutter
Ce fichier est un bon début !

Si vous avez déjà un fichier .gitignore éditez le comme ceci :

# Keystore files
*.jks
*.keystore

Voici le contenu de mon fichier key.properties :

N'oubliez pas de mettre à jour les champs en fonction du nom de votre clé et des mots de passe choisis.

Configurez la signature de l'application dans gradle en modifiant le fichier <votre projet>/android/app/build.gradle.

Avec les informations du keystore de votre fichier de propriétés, ajoutez le code suivant avant le bloc android :

   def keystoreProperties = new Properties()
   def keystorePropertiesFile = rootProject.file('key.properties')
   if (keystorePropertiesFile.exists()) {
       keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
   }

   android {
         ...
   }
Charge le fichier key.properties dans l'objet keystoreProperties.

Modifiez ce bloc de code :

   buildTypes {
       release {
           // TODO: Add your own signing config for the release build.
           // Signing with the debug keys for now,
           // so `flutter run --release` works.
           signingConfig signingConfigs.debug
       }
   }

Par :

   signingConfigs {
       release {
           keyAlias keystoreProperties['keyAlias']
           keyPassword keystoreProperties['keyPassword']
           storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
           storePassword keystoreProperties['storePassword']
       }
   }
   buildTypes {
       release {
           signingConfig signingConfigs.release
       }
   }

N'oubliez pas de changer la derniĂšre ligne.

Les releases de votre application seront désormais signées automatiquement en mode production avec votre keystore.

❓Vous devrez peut-ĂȘtre exĂ©cuter la commande flutter clean aprĂšs avoir modifiĂ© le fichier gradle pour ĂȘtre sĂ»r de nettoyer les fichiers intermĂ©diaires du cache.

Export de votre application

Dans Android Studio générez le fichier App Bundle (fichier terminant par .aab ) qui sera l'exécutable de votre application à uploader sur la console du Google Play.

⁉  Si vous avez des problĂšmes liĂ© Ă  la clĂ©, je vous invite Ă  tĂ©lĂ©charger cet outil de crĂ©ation de clĂ© : https://keystore-explorer.org/ pour le faire Ă  la place de la ligne de commande.
En dernier recours utilisez : http://www.applicationloader.net/ puis insérez une nouvelle clé avec l'outil précédent qui expire dans 27 ans (oui oui).

Une fois l'application correctement compilé localisez le fichier :

Vous et votre fichier .aab

Retournez sur la console Play Store puis importez le :

Remplissez les champs nécessaires :
Puis cliquez sur Enregistrer
Vous pouvez désormais cliquer sur Examiner la release

❓  Ici, vous pouvez avoir un avertissement, mais il n'est pas gĂȘnant pour dĂ©ployer l'application :

Vous pouvez donc lancer le déploiement !

Il ne reste plus qu'Ă  fournir le lien Ă  vos testeurs đŸ”„.

Allez dans la rubrique testeur puis copier le lien

🎉 Bravo vous avez fait le plus dur !

Il vous suffit maintenant de donner le lien à tous les testeurs inscrit dans votre mailing list et le tour est joué !

Installer une application de test

Si vous ĂȘtes un testeur mais que vous avez quelques difficultĂ© Ă  installer une application de test, alors la suite est faites pour vous !

Pour tester une application, il faut vérifier que le développeur a bien renseigné votre adresse mail de votre compte Google de votre téléphone parmi la liste des testeurs de son application.

Puis demandez lui le lien de participation.

En tant que testeur, il suffit ensuite de rejoindre le programme :

Et ensuite, d'aller sur le lien download it on Google Play avec votre téléphone pour pouvoir installer l'application :

Vous devriez pouvoir accĂ©der Ă  la fiche de l’application :

Vous pouvez maintenant installer l'application en toute tranquillité !


Si vous avez d'autres problĂšmes sur Flutter et que vous voulez de l'aide faites le nous savoir sur notre page Facebook ou Instagram ou par mailđŸ”„

Commentaires

Connectez vous ou devenez un membre de Async pour rejoindre la conversation.
Entrez un mail ici pour recevoir un lien de connexion, super simple âšĄïž