Od PWA do App Storea: objava aplikacije Flutter z builder77

Spraviti aplikacijo na nečiji telefon je nekoč pomenilo izbrati platformo, se naučiti njenih orodij in čakati v vrsti za pregled, preden jo je sploh kdo lahko preizkusil. builder77 to pot razdeli na dve fazi: še danes objavi PWA, da jo lahko uporabljajo resnični ljudje, in preidi na izvorni Flutter, ko boš pripravljen na App Store in Google Play.

Faza 1: PWA, ki jo uporabniki lahko namestijo takoj

Ko v builder77 zgradiš mobilno aplikacijo, je že od začetka zasnovana kot aplikacija za telefon: postavitev čez celotno višino, navigacija s spodnjimi zavihki, velike površine za dotik in odmiki varnega območja za zaslone z zarezo. Ko jo objaviš, dobi manifest spletne aplikacije in service worker, zaradi česar jo je mogoče namestiti.

• Pritisni Objavi in s telefonom skeniraj kodo QR.
• Na iPhonu tapni Deli → Dodaj na začetni zaslon. Na Androidu uporabi poziv za namestitev ali meni brskalnika.
• Aplikacija se odpre čez cel zaslon z lastno ikono, tako kot izvorna aplikacija.

To je najhitrejši način za pridobivanje povratnih informacij. Še danes popoldne lahko povezavo deliš z desetimi preizkuševalci, opazuješ, kako jo uporabljajo, in jo naprej izboljšuješ v graditelju – vsaka objava takoj posodobi aplikacijo za vse, brez pregleda v trgovini.

Faza 2: pretvorba v Flutter

Ko je aplikacija v dobri formi, odpri zavihek Flutter in jo pretvori. To stane 3 kredite za sporočila. builder77 ustvari projekt Flutter – pubspec.yaml in lib/main.dart – z istimi zasloni, funkcijami in vizualno identiteto kot tvoja spletna aplikacija, napisan z Material 3.

Pomemben del: aplikacija Flutter komunicira z isto bazo podatkov v oblaku prek builder77 REST API-ja in uporablja enaka imena zbirk in polj. Podatki, ustvarjeni v PWA, se pojavijo v izvorni aplikaciji in obratno, uporabniki tvoje aplikacije pa se lahko prijavijo v katero koli.

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

Preizkusi, preden preneseš

Različico Flutter lahko zaženeš, ne da bi kar koli namestil. Na zavihku Flutter sta dve možnosti:

• DartPad – za hiter pogled odpri ustvarjeno kodo v DartPadu.
• Gradnja v oblaku (paket Plus in višji) – builder77 na naših strežnikih zažene pravi flutter build web in prevedeno aplikacijo prikaže kar v graditelju. To je najzvestejši predogled tega, kar bo naredila izvorna aplikacija.

Če gradnja v oblaku javi napako ali kaj ni videti prav, v klepetu prosi za popravek in pretvori znova. Ker je vir resnice spletna aplikacija, je običajno najbolje najprej urediti spletno različico in nato znova ustvariti projekt Flutter.

Prenesi in odpri projekt

V paketu Starter in višjih lahko projekt Flutter preneseš. Od tam naprej je to standarden potek dela s Flutterjem:

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

Objava v trgovinah

Oddaja v trgovine še vedno poteka v Applovih in Googlovih orodjih, pod tvojimi lastnimi razvijalskimi računi. Splošni kontrolni seznam je takšen:

• Nastavi edinstven bundle ID / application ID in ime aplikacije.
• Dodaj ikone aplikacije in zagonski zaslon za obe platformi.
• Nastavi podpisovanje: distribucijsko potrdilo in provisioning profile na iOS, upload keystore na Androidu.
• Zgradi izdajne različice z flutter build ipa in flutter build appbundle.
• Pripravi strani v trgovinah: posnetke zaslona, opis, podatke o zasebnosti in URL za podporo.
• Oddaj v pregled v App Store Connect in Google Play Console.

Pregledovalci trgovin natančno preverjajo zasebnost. Če ima tvoja aplikacija prijavo in shranjuje osebne podatke, boš potreboval URL pravilnika o zasebnosti – builder77 lahko prosiš, naj tvoji spletni aplikaciji doda stran o zasebnosti in nanjo poveže.

Obdrži PWA

Objava izvorne različice ne pomeni upokojitve spletne. PWA še naprej deluje na istih podatkih, zato lahko ljudje tvojo aplikacijo uporabljajo v brskalniku, na računalniku ali preden jo namestijo iz trgovine. En izdelek, dva vhoda, eno zaledje.

Naš nasvet: idejo potrdi s PWA, pretvori jo, ko uporabniki to želijo, in različico v trgovini obravnavaj kot izpopolnjeno izdajo nečesa, kar ljudje že imajo radi.