De la PWA à l'App Store : publier une application Flutter avec builder77

Mettre une application sur le téléphone de quelqu'un, c'était autrefois choisir une plateforme, apprendre ses outils et attendre une file de validation avant que quiconque puisse l'essayer. builder77 découpe ce parcours en deux étapes : publiez une PWA dès aujourd'hui pour que de vraies personnes puissent l'utiliser, puis passez à Flutter natif quand vous êtes prêt pour l'App Store et Google Play.

Étape 1 : une PWA que vos utilisateurs peuvent installer tout de suite

Quand vous créez une application mobile sur builder77, elle est pensée dès le départ comme une application de téléphone : mise en page pleine hauteur, navigation par onglets en bas, grandes zones tactiles et marges de zone sûre pour les écrans à encoche. À la publication, elle reçoit un manifeste d'application web et un service worker, ce qui la rend installable.

• Appuyez sur Publier et scannez le QR code avec votre téléphone.
• Sur iPhone, touchez Partager → Sur l'écran d'accueil. Sur Android, utilisez l'invite d'installation ou le menu du navigateur.
• L'application s'ouvre en plein écran avec sa propre icône, comme une application native.

C'est le moyen le plus rapide d'obtenir des retours. Vous pouvez partager un lien avec dix testeurs cet après-midi, observer comment ils l'utilisent et continuer à l'améliorer dans l'outil de création — chaque publication met à jour l'application pour tout le monde instantanément, sans validation des stores.

Étape 2 : la conversion en Flutter

Quand l'application est au point, ouvrez l'onglet Flutter et convertissez-la. Cela coûte 3 crédits de message. builder77 génère un projet Flutter — un pubspec.yaml et un lib/main.dart — avec les mêmes écrans, fonctionnalités et identité visuelle que votre web app, écrit avec Material 3.

Le point essentiel : l'application Flutter communique avec la même base de données cloud via l'API REST de builder77, avec les mêmes noms de collections et de champs. Les données créées dans la PWA apparaissent dans l'application native et inversement, et les utilisateurs de votre application peuvent se connecter sur l'une comme sur l'autre.

// Generated at the top of lib/main.dart
const String kApiBase = 'https://builder77.com';
const String kProjectId = 'your-project-id';

// Example call made by the generated M77Client
// GET $kApiBase/api/runtime/$kProjectId/db/habits?sort=-createdAt

Essayez-la avant de la télécharger

Vous pouvez lancer la version Flutter sans rien installer. L'onglet Flutter propose deux options :

• DartPad — ouvrez le code généré dans DartPad pour un aperçu rapide.
• Build cloud (forfait Plus et supérieurs) — builder77 exécute un vrai flutter build web sur nos serveurs et affiche l'application compilée directement dans l'outil de création. C'est l'aperçu le plus fidèle de ce que fera l'application native.

Si le build cloud signale une erreur ou si quelque chose cloche, demandez une correction dans le chat et relancez la conversion. Comme la web app est la source de référence, mieux vaut d'abord peaufiner la version web, puis régénérer le projet Flutter.

Téléchargez et ouvrez le projet

À partir du forfait Starter, vous pouvez télécharger le projet Flutter. Ensuite, c'est un workflow Flutter classique :

flutter create .          # adds the ios/ and android/ platform folders
flutter pub get
flutter run               # on a simulator or a connected device

Publier sur les stores

La soumission aux stores se fait toujours dans les outils d'Apple et de Google, avec vos propres comptes développeur. La liste de contrôle générale ressemble à ceci :

• Définissez un bundle ID / application ID unique et le nom de votre application.
• Ajoutez les icônes et un écran de lancement pour les deux plateformes.
• Configurez la signature : un certificat de distribution et un profil de provisionnement sur iOS, un keystore d'upload sur Android.
• Compilez les binaires de production avec flutter build ipa et flutter build appbundle.
• Préparez les fiches des stores : captures d'écran, description, informations de confidentialité et URL d'assistance.
• Soumettez l'application à la validation dans App Store Connect et la Google Play Console.

Les équipes de validation des stores examinent de près la confidentialité. Si votre application a une connexion et stocke des données personnelles, il vous faudra l'URL d'une politique de confidentialité — vous pouvez demander à builder77 d'ajouter une page de confidentialité à votre web app et la lier.

Gardez la PWA

Passer au natif ne veut pas dire mettre la version web à la retraite. La PWA continue de fonctionner sur les mêmes données : on peut utiliser votre application dans un navigateur, sur un ordinateur ou avant de l'avoir installée depuis le store. Un seul produit, deux portes d'entrée, un seul backend.

Notre conseil : validez avec la PWA, convertissez quand les utilisateurs le demandent, et voyez la version store comme l'édition soignée de quelque chose que les gens aiment déjà.