Nuo PWA iki App Store: Flutter programėlės paleidimas su builder77

Anksčiau, norint, kad programėlė atsidurtų kieno nors telefone, reikėjo pasirinkti platformą, išmokti jos įrankius ir laukti peržiūros eilėje, kol kas nors galės ją išbandyti. builder77 šį kelią padalija į du etapus: paleisk PWA šiandien, kad tikri žmonės galėtų ja naudotis, ir pereik prie natyvaus Flutter, kai būsi pasiruošęs App Store ir Google Play.

1 etapas: PWA, kurią tavo naudotojai gali įdiegti iš karto

Kai kuri mobiliąją programėlę su builder77, ji nuo pat pradžių kuriama kaip telefono programėlė: viso aukščio išdėstymas, naršymas apatiniais skirtukais, didelės lietimo zonos ir saugios srities paraštės ekranams su įpjova. Ją publikavus, ji gauna žiniatinklio programos manifestą ir service worker, todėl tampa įdiegiama.

• Paspausk Publikuoti ir telefonu nuskaityk QR kodą.
• iPhone telefone bakstelėk Bendrinti → Pridėti prie pagrindinio ekrano. Android įrenginyje naudok diegimo pasiūlymą arba naršyklės meniu.
• Programėlė atsidaro visame ekrane su savo piktograma — visai kaip natyvi programėlė.

Tai greičiausias būdas gauti atsiliepimų. Jau šią popietę gali pasidalyti nuoroda su dešimčia testuotojų, stebėti, kaip jie ja naudojasi, ir toliau ją tobulinti kūrėjo aplinkoje — kiekvienas publikavimas iš karto atnaujina programėlę visiems, be parduotuvės peržiūros.

2 etapas: paversk Flutter projektu

Kai programėlė gerai paruošta, atidaryk skirtuką Flutter ir konvertuok ją. Tai kainuoja 3 žinučių kreditus. builder77 sugeneruoja Flutter projektą — pubspec.yaml ir lib/main.dart — su tais pačiais ekranais, funkcijomis ir vizualiniu identitetu kaip tavo žiniatinklio programos, parašytą naudojant Material 3.

Svarbiausia: Flutter programėlė jungiasi prie tos pačios debesijos duomenų bazės per builder77 REST API, naudodama tuos pačius kolekcijų ir laukų pavadinimus. PWA sukurti duomenys atsiranda natyvioje programėlėje ir atvirkščiai, o tavo programėlės naudotojai gali prisijungti bet kurioje iš jų.

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

Išbandyk prieš atsisiųsdamas

Flutter versiją gali paleisti nieko neįdiegęs. Skirtuke Flutter yra dvi galimybės:

• DartPad — atidaryk sugeneruotą kodą DartPad, kad greitai jį peržiūrėtum.
• Debesijos kompiliavimas (Plus planas ir aukštesni) — builder77 mūsų serveriuose paleidžia tikrą flutter build web ir parodo sukompiliuotą programėlę tiesiai kūrėjo aplinkoje. Tai tiksliausia peržiūra to, ką darys natyvi programėlė.

Jei debesijos kompiliavimas praneša apie klaidą ar kas nors atrodo ne taip, pokalbyje paprašyk pataisymo ir konvertuok dar kartą. Kadangi žiniatinklio programa yra tiesos šaltinis, paprastai geriausia pirmiausia sutvarkyti žiniatinklio versiją, o tada iš naujo sugeneruoti Flutter projektą.

Atsisiųsk ir atidaryk projektą

Nuo Starter plano gali atsisiųsti Flutter projektą. Toliau tai įprasta Flutter darbo eiga:

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

Publikavimas parduotuvėse

Pateikimas parduotuvėms vis dar vyksta Apple ir Google įrankiuose, naudojant tavo paties kūrėjo paskyras. Bendras kontrolinis sąrašas atrodo taip:

• Nustatyk unikalų bundle ID / application ID ir programėlės pavadinimą.
• Pridėk programėlės piktogramas ir paleidimo ekraną abiem platformoms.
• Sukonfigūruok pasirašymą: iOS — platinimo sertifikatą ir aprūpinimo profilį (provisioning profile), Android — įkėlimo raktų saugyklą (upload keystore).
• Sukompiliuok leidimo dvejetainius failus su flutter build ipa ir flutter build appbundle.
• Paruošk parduotuvės puslapius: ekrano nuotraukas, aprašymą, privatumo informaciją ir pagalbos URL.
• Pateik peržiūrai App Store Connect ir Google Play Console.

Parduotuvių peržiūrėtojai atidžiai vertina privatumą. Jei tavo programėlė turi prisijungimą ir saugo asmens duomenis, tau reikės privatumo politikos URL — gali paprašyti builder77 pridėti privatumo puslapį prie tavo žiniatinklio programos ir pateikti į jį nuorodą.

Pasilik PWA

Natyvios versijos paleidimas nereiškia, kad žiniatinklio versiją reikia išleisti į pensiją. PWA ir toliau veikia su tais pačiais duomenimis, todėl žmonės gali naudotis tavo programėle naršyklėje, kompiuteryje arba dar prieš įsidiegdami ją iš parduotuvės. Vienas produktas, dvejos lauko durys, viena serverio pusė.

Mūsų patarimas: patikrink idėją su PWA, konvertuok, kai naudotojai to paprašys, ir laikyk parduotuvės versiją nugludintu leidimu to, ką žmonės jau myli.