L-artikli kollha
Mobbli·7 min qari

Minn PWA għall-App Store: kif tippubblika app Flutter b'builder77

Kull app mobbli ta' builder77 tibda bħala PWA li tista' tiġi installata. Meta tkun lest għall-istores, ikkonvertiha fi proġett nattiv ta' Flutter li jaqsam l-istess database.

77
It-tim ta' builder77
builder77.com

Li ġġib app fuq it-telefon ta' xi ħadd kien ifisser li tagħżel pjattaforma, titgħallem l-għodod tagħha u tistenna f'kju ta' reviżjoni qabel ħadd ma jkun jista' jipprovaha. builder77 jaqsam dan il-vjaġġ f'żewġ stadji: ippubblika PWA illum biex nies veri jkunu jistgħu jużawha, u għaddi għal Flutter nattiv meta tkun lest għall-App Store u Google Play.

Stadju 1: PWA li l-utenti tiegħek jistgħu jinstallaw issa stess

Meta tibni app mobbli fuq builder77, hi ddisinjata bħala app tat-telefon mill-bidu: layout b'għoli sħiħ, navigazzjoni b'tabs fil-qiegħ, żoni kbar għall-mess u spazju tas-safe area għal skrins b'notch. Meta tippubblikaha, tieħu web app manifest u service worker, u dan jagħmilha installabbli.

  • Agħfas Ippubblika u skennja l-kodiċi QR bit-telefon tiegħek.
  • Fuq iPhone, agħfas Aqsam (Share) → Żid mal-Iskrin Ewlieni (Add to Home Screen). Fuq Android, uża l-messaġġ tal-installazzjoni jew il-menu tal-browser.
  • L-app tiftaħ fuq l-iskrin kollu bl-ikona tagħha, eżatt bħal app nattiva.

Dan hu l-aktar mod mgħaġġel biex tieħu feedback. Tista' taqsam link ma' għaxar testers illum wara nofsinhar, tara kif jużawha, u tkompli ttejjibha fil-builder — kull pubblikazzjoni taġġorna l-app għal kulħadd minnufih, mingħajr reviżjoni tal-istore.

Stadju 2: ikkonverti għal Flutter

Meta l-app tkun f'forma tajba, iftaħ it-tab Flutter u kkonvertiha. Dan jiswa 3 krediti tal-messaġġi. builder77 jiġġenera proġett Flutter — pubspec.yaml u lib/main.dart — bl-istess skrins, funzjonijiet u identità viżiva tal-web app tiegħek, miktub b'Material 3.

Il-parti importanti: l-app Flutter titkellem mal-istess database fil-cloud permezz tal-REST API ta' builder77, bl-użu tal-istess ismijiet tal-kollezzjonijiet u tal-oqsma. Id-dejta maħluqa fil-PWA tidher fl-app nattiva u viċi versa, u l-utenti tal-app tiegħek jistgħu jagħmlu login fi kwalunkwe waħda.

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

Ipprovaha qabel tniżżilha

Tista' tħaddem il-verżjoni Flutter mingħajr ma tinstalla xejn. Hemm żewġ għażliet fit-tab Flutter:

  • DartPad — iftaħ il-kodiċi ġġenerat f'DartPad għal ħarsa malajr.
  • Cloud build (mill-pjan Plus 'il fuq) — builder77 iħaddem flutter build web veru fuq is-servers tagħna u juri l-app kompilata dritt fil-builder. Hu l-aktar preview fidil ta' dak li se tagħmel l-app nattiva.

Jekk il-cloud build jirrapporta żball jew xi ħaġa ma tidhirx sewwa, itlob tiswija fiċ-chat u erġa' kkonverti. Peress li l-web app hi s-sors tal-verità, ġeneralment l-aħjar hu li l-ewwel tirranġa l-verżjoni web u mbagħad terġa' tiġġenera l-proġett Flutter.

Niżżel u ftaħ il-proġett

Minn Starter 'il fuq tista' tniżżel il-proġett Flutter. Minn hemm 'il quddiem, hu workflow standard ta' Flutter:

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

Pubblikazzjoni fl-istores

Is-sottomissjoni lill-istores għadha ssir fl-għodod ta' Apple u Google, taħt il-kontijiet tal-iżviluppatur tiegħek stess. Il-checklist ġenerali tidher hekk:

  • Issettja bundle ID / application ID uniku u l-isem tal-app tiegħek.
  • Żid l-ikoni tal-app u launch screen għaż-żewġ pjattaformi.
  • Ikkonfigura s-signing: distribution certificate u provisioning profile fuq iOS, upload keystore fuq Android.
  • Ibni l-binaries tar-release b'flutter build ipa u flutter build appbundle.
  • Ipprepara l-listings tal-istore: screenshots, deskrizzjoni, dettalji tal-privatezza u URL ta' appoġġ.
  • Issottometti għar-reviżjoni f'App Store Connect u Google Play Console.

Ir-reviżuri tal-istores iħarsu sew lejn il-privatezza. Jekk l-app tiegħek għandha login u taħżen dejta personali, ikollok bżonn URL ta' politika tal-privatezza — tista' titlob lil builder77 iżid paġna tal-privatezza mal-web app tiegħek u jagħmel link għaliha.

Żomm il-PWA

Li tippubblika verżjoni nattiva ma jfissirx li tirtira l-verżjoni web. Il-PWA tibqa' taħdem fuq l-istess dejta, għalhekk in-nies jistgħu jużaw l-app tiegħek f'browser, fuq desktop, jew qabel ma jinstallawha mill-istore. Prodott wieħed, żewġ bibien ta' quddiem, backend wieħed.

Il-parir tagħna: ivvalida bil-PWA, ikkonverti meta l-utenti jitolbuha, u ara l-verżjoni tal-istore bħala l-edizzjoni rfinuta ta' xi ħaġa li n-nies diġà jħobbu.

Lest biex tibnih?

Iddeskrivi l-idea tiegħek u ikseb l-ewwel verżjoni li taħdem f'madwar minuta. Ibda b'xejn, bla bżonn ta' karta tal-kreditu.