Dalla PWA all'App Store: pubblicare un'app Flutter con builder77

Portare un'app sul telefono di qualcuno significava scegliere una piattaforma, imparare i suoi strumenti e aspettare in una coda di revisione prima che chiunque potesse provarla. builder77 divide questo percorso in due fasi: pubblica oggi una PWA perché persone reali possano usarla, e passa a Flutter nativo quando sei pronto per App Store e Google Play.

Fase 1: una PWA che i tuoi utenti possono installare subito

Quando crei un'app mobile su builder77, è progettata fin dall'inizio come app per smartphone: layout a tutta altezza, navigazione a schede in basso, aree touch grandi e margini di area sicura per gli schermi con notch. Quando la pubblichi, riceve un web app manifest e un service worker, che la rendono installabile.

• Premi Pubblica e scansiona il codice QR con il telefono.
• Su iPhone, tocca Condividi → Aggiungi alla schermata Home. Su Android, usa il messaggio di installazione o il menu del browser.
• L'app si apre a schermo intero con la propria icona, proprio come un'app nativa.

È il modo più veloce per ottenere feedback. Puoi condividere un link con dieci tester oggi pomeriggio, osservare come la usano e continuare a migliorarla nel builder: ogni pubblicazione aggiorna l'app per tutti all'istante, senza revisione degli store.

Fase 2: converti in Flutter

Quando l'app è in buona forma, apri la scheda Flutter e convertila. Costa 3 crediti per i messaggi. builder77 genera un progetto Flutter — un pubspec.yaml e un lib/main.dart — con le stesse schermate, funzionalità e identità visiva della tua web app, scritto con Material 3.

La parte importante: l'app Flutter comunica con lo stesso database cloud tramite l'API REST di builder77, usando gli stessi nomi di collezioni e campi. I dati creati nella PWA compaiono nell'app nativa e viceversa, e gli utenti della tua app possono accedere da entrambe.

// 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

Provala prima di scaricarla

Puoi eseguire la versione Flutter senza installare nulla. Nella scheda Flutter ci sono due opzioni:

• DartPad — apri il codice generato in DartPad per uno sguardo veloce.
• Build cloud (dal piano Plus in su) — builder77 esegue un vero flutter build web sui nostri server e mostra l'app compilata direttamente nel builder. È l'anteprima più fedele di ciò che farà l'app nativa.

Se la build cloud segnala un errore o qualcosa non torna, chiedi una correzione in chat e converti di nuovo. Poiché la web app è la fonte di riferimento, di solito conviene sistemare prima la versione web e poi rigenerare il progetto Flutter.

Scarica e apri il progetto

Dal piano Starter in su puoi scaricare il progetto Flutter. Da lì, è un normale flusso di lavoro Flutter:

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

Pubblicare sugli store

L'invio agli store avviene sempre negli strumenti di Apple e Google, con i tuoi account sviluppatore. La checklist generale è questa:

• Imposta un bundle ID / application ID univoco e il nome della tua app.
• Aggiungi le icone dell'app e una schermata di avvio per entrambe le piattaforme.
• Configura la firma: un certificato di distribuzione e un provisioning profile su iOS, un upload keystore su Android.
• Genera i binari di release con flutter build ipa e flutter build appbundle.
• Prepara le schede degli store: screenshot, descrizione, dettagli sulla privacy e un URL di supporto.
• Invia l'app in revisione su App Store Connect e Google Play Console.

I revisori degli store guardano con attenzione alla privacy. Se la tua app ha il login e salva dati personali, ti servirà l'URL di un'informativa sulla privacy: puoi chiedere a builder77 di aggiungere una pagina sulla privacy alla tua web app e collegarla.

Tieni la PWA

Passare al nativo non significa mandare in pensione la versione web. La PWA continua a funzionare sugli stessi dati, così le persone possono usare la tua app in un browser, su un computer o prima di averla installata dallo store. Un prodotto, due porte d'ingresso, un unico backend.

Il nostro consiglio: convalida con la PWA, converti quando gli utenti lo chiedono e considera la versione per gli store come l'edizione rifinita di qualcosa che le persone amano già.