Od PWA do App Storea: objava Flutter aplikacije uz builder77

Dovesti aplikaciju na nečiji telefon nekad je značilo odabrati platformu, naučiti njezine alate i čekati u redu za pregled prije nego što ju je itko mogao isprobati. builder77 dijeli taj put na dvije faze: objavi PWA danas kako bi je stvarni ljudi mogli koristiti, a prijeđi na izvorni Flutter kad budeš spreman za App Store i Google Play.

Faza 1: PWA koju korisnici mogu instalirati odmah

Kad na builder77 izgradiš mobilnu aplikaciju, ona je od početka osmišljena kao aplikacija za telefon: raspored preko cijele visine, navigacija donjim karticama, velike površine za dodir i razmaci sigurnog područja za zaslone s izrezom. Kad je objaviš, dobiva manifest web aplikacije i service worker, što je čini instalabilnom.

• Pritisni Objavi i skeniraj QR kod telefonom.
• Na iPhoneu dodirni Podijeli → Dodaj na početni zaslon. Na Androidu upotrijebi ponudu za instalaciju ili izbornik preglednika.
• Aplikacija se otvara preko cijelog zaslona sa svojom ikonom, baš kao izvorna aplikacija.

Ovo je najbrži način da dobiješ povratne informacije. Već danas popodne možeš podijeliti poveznicu s deset testera, gledati kako je koriste i nastaviti je poboljšavati u alatu — svaka objava odmah ažurira aplikaciju za sve, bez pregleda u trgovini.

Faza 2: pretvorba u Flutter

Kad je aplikacija u dobrom stanju, otvori karticu Flutter i pretvori je. To košta 3 kredita za poruke. builder77 generira Flutter projekt — pubspec.yaml i lib/main.dart — s istim zaslonima, značajkama i vizualnim identitetom kao tvoja web aplikacija, napisan uz Material 3.

Važan dio: Flutter aplikacija komunicira s istom bazom podataka u oblaku putem builder77 REST API-ja, koristeći iste nazive kolekcija i polja. Podaci stvoreni u PWA-u pojavljuju se u izvornoj aplikaciji i obrnuto, a korisnici tvoje aplikacije mogu se prijaviti u bilo kojoj.

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

Isprobaj prije preuzimanja

Flutter verziju možeš pokrenuti bez instaliranja ičega. Na kartici Flutter postoje dvije mogućnosti:

• DartPad — otvori generirani kod u DartPadu za brzi pogled.
• Izgradnja u oblaku (paket Plus i viši) — builder77 pokreće pravi flutter build web na našim poslužiteljima i prikazuje prevedenu aplikaciju izravno u alatu. To je najvjerniji pregled onoga što će izvorna aplikacija raditi.

Ako izgradnja u oblaku prijavi pogrešku ili nešto ne izgleda kako treba, zatraži popravak u chatu i ponovno pretvori. Budući da je web aplikacija izvor istine, obično je najbolje najprije srediti web verziju, a zatim ponovno generirati Flutter projekt.

Preuzmi i otvori projekt

Na paketu Starter i višima možeš preuzeti Flutter projekt. Od tog trenutka to je standardni Flutter tijek rada:

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

Objava u trgovinama

Slanje u trgovine i dalje se obavlja u Appleovim i Googleovim alatima, pod tvojim vlastitim developerskim računima. Opći popis provjere izgleda ovako:

• Postavi jedinstveni bundle ID / application ID i naziv aplikacije.
• Dodaj ikone aplikacije i početni zaslon za obje platforme.
• Konfiguriraj potpisivanje: distribucijski certifikat i provisioning profile na iOS-u, upload keystore na Androidu.
• Izgradi produkcijske verzije naredbama flutter build ipa i flutter build appbundle.
• Pripremi stranice u trgovinama: snimke zaslona, opis, podatke o privatnosti i URL za podršku.
• Pošalji na pregled u App Store Connectu i Google Play Consoleu.

Recenzenti trgovina pomno provjeravaju privatnost. Ako tvoja aplikacija ima prijavu i sprema osobne podatke, trebat će ti URL pravila o privatnosti — možeš zamoliti builder77 da tvojoj web aplikaciji doda stranicu o privatnosti i poveže je.

Zadrži PWA

Objava izvorne verzije ne znači umirovljenje web verzije. PWA nastavlja raditi na istim podacima, pa ljudi mogu koristiti tvoju aplikaciju u pregledniku, na računalu ili prije nego što je instaliraju iz trgovine. Jedan proizvod, dva ulaza, jedan backend.

Naš savjet: potvrdi ideju s PWA-om, pretvori je kad korisnici to zatraže, a verziju u trgovini smatraj dotjeranim izdanjem nečega što ljudi već vole.