De la PWA la App Store: lansarea unei aplicații Flutter cu builder77

Ca să ajungă o aplicație pe telefonul cuiva, odinioară trebuia să alegi o platformă, să-i înveți instrumentele și să aștepți la coada de verificare înainte ca cineva s-o poată încerca. builder77 împarte acest drum în două etape: lansează azi un PWA ca oamenii reali să-l poată folosi, și treci la Flutter nativ când ești gata pentru App Store și Google Play.

Etapa 1: un PWA pe care utilizatorii îl pot instala imediat

Când construiești o aplicație mobilă pe builder77, ea e gândită de la început ca aplicație de telefon: aranjare pe toată înălțimea, navigare cu file jos, zone de atingere mari și margini pentru zona sigură pe ecranele cu notch. La publicare primește un manifest de aplicație web și un service worker, ceea ce o face instalabilă.

• Apasă Publică și scanează codul QR cu telefonul.
• Pe iPhone, atinge Partajează → Adaugă pe ecranul principal. Pe Android, folosește mesajul de instalare sau meniul browserului.
• Aplicația se deschide pe tot ecranul, cu propria pictogramă, exact ca una nativă.

Este cel mai rapid mod de a obține feedback. Poți trimite un link la zece testeri chiar în după-amiaza asta, să vezi cum o folosesc și să o îmbunătățești în continuare în editor — fiecare publicare actualizează instant aplicația pentru toți, fără verificare în magazin.

Etapa 2: conversia în Flutter

Când aplicația e în formă bună, deschide fila Flutter și convertește-o. Costă 3 credite de mesaje. builder77 generează un proiect Flutter — un pubspec.yaml și un lib/main.dart — cu aceleași ecrane, funcții și identitate vizuală ca aplicația ta web, scris cu Material 3.

Partea importantă: aplicația Flutter comunică cu aceeași bază de date în cloud prin REST API-ul builder77, folosind aceleași nume de colecții și câmpuri. Datele create în PWA apar în aplicația nativă și invers, iar utilizatorii aplicației tale se pot autentifica în oricare dintre ele.

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

Încearc-o înainte s-o descarci

Poți rula versiunea Flutter fără să instalezi nimic. În fila Flutter ai două opțiuni:

• DartPad — deschide codul generat în DartPad pentru o privire rapidă.
• Build în cloud (planul Plus și mai sus) — builder77 rulează un flutter build web real pe serverele noastre și îți arată aplicația compilată direct în editor. Este cea mai fidelă previzualizare a ceea ce va face aplicația nativă.

Dacă build-ul în cloud raportează o eroare sau ceva nu arată bine, cere o reparație în chat și convertește din nou. Pentru că aplicația web este sursa de adevăr, de obicei e cel mai bine să pui la punct mai întâi versiunea web și apoi să regenerezi proiectul Flutter.

Descarcă și deschide proiectul

De la planul Starter în sus poți descărca proiectul Flutter. De acolo, e un flux de lucru Flutter obișnuit:

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

Publicarea în magazine

Trimiterea în magazine se face tot în instrumentele Apple și Google, din propriile tale conturi de dezvoltator. Lista generală de verificare arată așa:

• Setează un bundle ID / application ID unic și numele aplicației.
• Adaugă pictogramele aplicației și un ecran de pornire pentru ambele platforme.
• Configurează semnarea: un certificat de distribuție și un provisioning profile pe iOS, un upload keystore pe Android.
• Generează binarele de lansare cu flutter build ipa și flutter build appbundle.
• Pregătește paginile din magazine: capturi de ecran, descriere, detalii de confidențialitate și un URL de suport.
• Trimite aplicația spre verificare în App Store Connect și Google Play Console.

Cei care verifică aplicațiile în magazine se uită atent la confidențialitate. Dacă aplicația ta are autentificare și stochează date personale, vei avea nevoie de un URL către politica de confidențialitate — îi poți cere lui builder77 să adauge o pagină de confidențialitate în aplicația ta web și să trimiți către ea.

Păstrează PWA-ul

Lansarea versiunii native nu înseamnă retragerea celei web. PWA-ul continuă să funcționeze pe aceleași date, așa că oamenii îți pot folosi aplicația în browser, pe desktop sau înainte s-o instaleze din magazin. Un produs, două uși de intrare, un singur backend.

Sfatul nostru: validează cu PWA-ul, convertește când utilizatorii o cer și tratează versiunea din magazin drept ediția șlefuită a ceva ce oamenii iubesc deja.