No PWA līdz App Store: Flutter lietotnes palaišana ar builder77

Agrāk, lai lietotne nonāktu kāda tālrunī, bija jāizvēlas platforma, jāapgūst tās rīki un jāgaida pārbaudes rindā, pirms kāds to vispār varēja izmēģināt. builder77 sadala šo ceļu divos posmos: palaid PWA jau šodien, lai īsti cilvēki to varētu lietot, un pārej uz natīvo Flutter, kad esi gatavs App Store un Google Play.

1. posms: PWA, ko tavi lietotāji var instalēt uzreiz

Kad veido mobilo lietotni builder77, tā jau no paša sākuma ir veidota kā tālruņa lietotne: pilna augstuma izkārtojums, navigācija ar apakšējām cilnēm, lieli skārienlaukumi un drošās zonas atkāpes ekrāniem ar izgriezumu. Publicējot tā saņem tīmekļa lietotnes manifestu un service worker, kas padara to instalējamu.

• Nospied Publicēt un noskenē QR kodu ar tālruni.
• iPhone tālrunī pieskaries Kopīgot → Pievienot sākuma ekrānam. Android ierīcē izmanto instalēšanas uzvedni vai pārlūka izvēlni.
• Lietotne atveras pilnekrāna režīmā ar savu ikonu — gluži kā natīva lietotne.

Tas ir ātrākais veids, kā saņemt atsauksmes. Vari jau šopēcpusdien kopīgot saiti ar desmit testētājiem, vērot, kā viņi to lieto, un turpināt to uzlabot redaktorā — katra publicēšana atjaunina lietotni visiem uzreiz, bez veikala pārbaudes.

2. posms: pārveido par Flutter

Kad lietotne ir labā formā, atver cilni Flutter un pārveido to. Tas maksā 3 ziņu kredītus. builder77 ģenerē Flutter projektu — pubspec.yaml un lib/main.dart — ar tiem pašiem ekrāniem, funkcijām un vizuālo identitāti kā tavai tīmekļa lietotnei, uzrakstītu ar Material 3.

Svarīgākais: Flutter lietotne sazinās ar to pašu mākoņdatubāzi caur builder77 REST API, izmantojot tos pašus kolekciju un lauku nosaukumus. PWA izveidotie dati parādās natīvajā lietotnē un otrādi, un tavas lietotnes lietotāji var pieteikties jebkurā no tām.

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

Izmēģini pirms lejupielādes

Flutter versiju vari palaist, neko neinstalējot. Cilnē Flutter ir divas iespējas:

• DartPad — atver ģenerēto kodu DartPad, lai ātri to apskatītu.
• Mākoņa būvējums (no plāna Plus) — builder77 mūsu serveros palaiž īstu flutter build web un parāda nokompilēto lietotni tieši redaktorā. Tas ir visprecīzākais priekšskatījums tam, ko darīs natīvā lietotne.

Ja mākoņa būvējums ziņo par kļūdu vai kaut kas izskatās dīvaini, palūdz labojumu tērzēšanā un pārveido vēlreiz. Tā kā tīmekļa lietotne ir patiesības avots, parasti vislabāk vispirms sakārtot tīmekļa versiju un tad no jauna ģenerēt Flutter projektu.

Lejupielādē un atver projektu

Sākot no plāna Starter, vari lejupielādēt Flutter projektu. Tālāk tā ir parasta Flutter darba plūsma:

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

Publicēšana veikalos

Iesniegšana veikalos joprojām notiek Apple un Google rīkos, izmantojot tavus izstrādātāja kontus. Vispārējais kontrolsaraksts izskatās šādi:

• Iestati unikālu bundle ID / application ID un lietotnes nosaukumu.
• Pievieno lietotnes ikonas un palaišanas ekrānu abām platformām.
• Konfigurē parakstīšanu: iOS — izplatīšanas sertifikātu un nodrošināšanas profilu (provisioning profile), Android — augšupielādes atslēgu krātuvi (upload keystore).
• Uzbūvē laidiena binārfailus ar flutter build ipa un flutter build appbundle.
• Sagatavo veikala lapas: ekrānuzņēmumus, aprakstu, privātuma informāciju un atbalsta URL.
• Iesniedz pārbaudei App Store Connect un Google Play Console.

Veikalu pārbaudītāji rūpīgi skatās uz privātumu. Ja tavā lietotnē ir pieteikšanās un tā glabā personas datus, tev būs vajadzīgs privātuma politikas URL — vari palūgt builder77 pievienot tavai tīmekļa lietotnei privātuma lapu un ielikt uz to saiti.

Saglabā PWA

Natīvās versijas palaišana nenozīmē, ka tīmekļa versija jānoraksta. PWA turpina strādāt ar tiem pašiem datiem, tāpēc cilvēki var lietot tavu lietotni pārlūkā, datorā vai vēl pirms tās instalēšanas no veikala. Viens produkts, divas ieejas durvis, viena aizmugursistēma.

Mūsu padoms: pārbaudi ideju ar PWA, pārveido, kad lietotāji to prasa, un uztver veikala versiju kā noslīpētu izdevumu tam, ko cilvēki jau mīl.