Od PWA do App Store: vydání aplikace ve Flutteru s builder77

Dostat aplikaci do něčího telefonu dřív znamenalo vybrat platformu, naučit se její nástroje a čekat ve frontě na schválení, než ji vůbec někdo mohl vyzkoušet. builder77 tuhle cestu dělí na dvě fáze: vydej PWA ještě dnes, aby ji mohli používat skuteční lidé, a přejdi na nativní Flutter, až budeš připravený na App Store a Google Play.

Fáze 1: PWA, kterou si uživatelé můžou nainstalovat hned

Když v builder77 tvoříš mobilní aplikaci, je od začátku navržená jako aplikace do telefonu: rozvržení na celou výšku, navigace spodními záložkami, velké dotykové plochy a okraje bezpečné oblasti pro displeje s výřezem. Při publikování dostane manifest webové aplikace a service worker, díky čemuž se dá nainstalovat.

• Stiskni Publikovat a naskenuj QR kód telefonem.
• Na iPhonu klepni na Sdílet → Přidat na plochu. Na Androidu použij výzvu k instalaci nebo menu prohlížeče.
• Aplikace se otevře na celou obrazovku s vlastní ikonou, přesně jako nativní.

Je to nejrychlejší cesta ke zpětné vazbě. Ještě dnes odpoledne můžeš poslat odkaz deseti testerům, sledovat, jak aplikaci používají, a dál ji vylepšovat v editoru – každé publikování okamžitě aktualizuje aplikaci pro všechny, bez schvalování v obchodě.

Fáze 2: převod do Flutteru

Až bude aplikace v dobré kondici, otevři záložku Flutter a převeď ji. Stojí to 3 kredity za zprávy. builder77 vygeneruje projekt ve Flutteru – pubspec.yaml a lib/main.dart – se stejnými obrazovkami, funkcemi a vizuální identitou jako tvoje webová aplikace, napsaný v Material 3.

Podstatné je, že aplikace ve Flutteru komunikuje se stejnou cloudovou databází přes REST API builder77 a používá stejné názvy kolekcí a polí. Data vytvořená v PWA se objeví v nativní aplikaci a naopak a uživatelé tvé aplikace se můžou přihlásit v kterékoli z nich.

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

Vyzkoušej ji, než si ji stáhneš

Verzi ve Flutteru můžeš spustit, aniž bys cokoli instaloval. V záložce Flutter máš dvě možnosti:

• DartPad – otevři vygenerovaný kód v DartPadu a rychle se na něj podívej.
• Cloudový build (tarif Plus a vyšší) – builder77 spustí skutečný flutter build web na našich serverech a zobrazí zkompilovanou aplikaci přímo v editoru. Je to nejvěrnější náhled toho, co bude dělat nativní aplikace.

Pokud cloudový build nahlásí chybu nebo něco nevypadá dobře, požádej v chatu o opravu a převeď aplikaci znovu. Protože zdrojem pravdy je webová aplikace, obvykle je nejlepší nejdřív vyladit webovou verzi a pak projekt ve Flutteru vygenerovat znovu.

Stáhni a otevři projekt

Od tarifu Starter si projekt ve Flutteru můžeš stáhnout. Dál už je to standardní postup ve Flutteru:

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

Publikování v obchodech

Odeslání do obchodů pořád probíhá v nástrojích Applu a Googlu, pod tvými vlastními vývojářskými účty. Obecný kontrolní seznam vypadá takto:

• Nastav jedinečné bundle ID / application ID a název aplikace.
• Přidej ikony aplikace a úvodní obrazovku pro obě platformy.
• Nastav podepisování: distribuční certifikát a provisioning profil na iOS, upload keystore na Androidu.
• Sestav release binárky pomocí flutter build ipa a flutter build appbundle.
• Připrav záznamy v obchodech: snímky obrazovky, popis, údaje o ochraně soukromí a URL podpory.
• Odešli aplikaci ke schválení v App Store Connect a Google Play Console.

Schvalovatelé v obchodech pečlivě kontrolují ochranu soukromí. Pokud má tvoje aplikace přihlášení a ukládá osobní údaje, budeš potřebovat URL zásad ochrany osobních údajů – můžeš builder77 požádat, aby do tvé webové aplikace přidal stránku o ochraně soukromí, a odkázat na ni.

PWA si nech

Vydání nativní verze neznamená, že webovou verzi zrušíš. PWA dál funguje nad stejnými daty, takže lidé můžou tvou aplikaci používat v prohlížeči, na počítači nebo ještě předtím, než si ji nainstalují z obchodu. Jeden produkt, dva vchody, jeden backend.

Naše rada: ověř si nápad s PWA, převeď ji, až o to uživatelé požádají, a verzi z obchodu ber jako vyladěné vydání něčeho, co lidé už milují.