PWA-st App Store’i: Flutteri rakenduse avaldamine builder77-ga

Rakenduse kellegi telefoni saamine tähendas varem platvormi valimist, selle tööriistade õppimist ja ülevaatusjärjekorras ootamist, enne kui keegi seda proovida sai. builder77 jagab teekonna kaheks etapiks: avalda täna PWA, et päris inimesed saaksid seda kasutada, ja mine üle natiivsele Flutterile, kui oled valmis App Store’i ja Google Play jaoks.

1. etapp: PWA, mida su kasutajad saavad kohe paigaldada

Kui ehitad builder77-s mobiilirakenduse, on see algusest peale kujundatud telefonirakendusena: täiskõrgusega paigutus, alumine vahekaartidega navigeerimine, suured puutealad ja turvaala vahed sälguga ekraanide jaoks. Avaldamisel saab see veebirakenduse manifesti ja service workeri, mis teevad selle paigaldatavaks.

• Vajuta Avalda ja skanni QR-kood telefoniga.
• iPhone’is puuduta Jaga → Lisa avaekraanile. Androidis kasuta paigaldamise viipa või brauseri menüüd.
• Rakendus avaneb täisekraanil oma ikooniga, täpselt nagu natiivne rakendus.

See on kiireim viis tagasisidet saada. Võid juba täna pärastlõunal jagada linki kümne testijaga, vaadata, kuidas nad seda kasutavad, ja jätkata selle täiustamist rakenduse loojas — iga avaldamine uuendab rakendust kõigi jaoks kohe, ilma poe ülevaatuseta.

2. etapp: teisenda Flutteriks

Kui rakendus on heas vormis, ava vahekaart Flutter ja teisenda see. See maksab 3 sõnumikrediiti. builder77 genereerib Flutteri projekti — pubspec.yaml ja lib/main.dart — samade ekraanide, funktsioonide ja visuaalse identiteediga nagu su veebirakendus, kirjutatud Material 3-ga.

Oluline on see: Flutteri rakendus suhtleb sama pilvandmebaasiga builder77 REST API kaudu, kasutades samu kogumike ja väljade nimesid. PWA-s loodud andmed ilmuvad natiivses rakenduses ja vastupidi ning su rakenduse kasutajad saavad sisse logida kummaski.

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

Proovi enne allalaadimist

Saad Flutteri versiooni käivitada midagi paigaldamata. Vahekaardil Flutter on kaks võimalust:

• DartPad — ava genereeritud kood kiireks ülevaateks DartPadis.
• Pilveehitus (alates paketist Plus) — builder77 käivitab meie serverites päris flutter build web käsu ja näitab kompileeritud rakendust otse rakenduse loojas. See on kõige truum eelvaade sellest, mida natiivne rakendus teeb.

Kui pilveehitus annab vea või miski näeb kummaline välja, palu vestluses parandust ja teisenda uuesti. Kuna veebirakendus on tõe allikas, on tavaliselt kõige parem saada esmalt veebiversioon korda ja seejärel Flutteri projekt uuesti genereerida.

Laadi projekt alla ja ava see

Alates paketist Starter saad Flutteri projekti alla laadida. Sealt edasi on tegu tavalise Flutteri töövooga:

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

Poodidesse avaldamine

Poodidesse esitamine toimub endiselt Apple’i ja Google’i tööriistades sinu enda arendajakontode all. Üldine kontrollnimekiri näeb välja selline:

• Määra unikaalne bundle ID / application ID ja oma rakenduse nimi.
• Lisa mõlema platvormi jaoks rakenduse ikoonid ja käivitusekraan.
• Seadista allkirjastamine: iOS-is levitamissertifikaat ja provisioneerimisprofiil, Androidis üleslaadimise võtmehoidla (upload keystore).
• Ehita väljalaske binaarfailid käskudega flutter build ipa ja flutter build appbundle.
• Valmista ette poe lehed: ekraanipildid, kirjeldus, privaatsusandmed ja toe URL.
• Esita ülevaatuseks App Store Connectis ja Google Play Consoles.

Poodide ülevaatajad vaatavad privaatsust tähelepanelikult. Kui su rakendusel on sisselogimine ja see salvestab isikuandmeid, vajad privaatsuspoliitika URL-i — võid paluda builder77-l lisada oma veebirakendusse privaatsuslehe ja sellele lingi panna.

Hoia PWA alles

Natiivse versiooni avaldamine ei tähenda veebiversiooni pensionile saatmist. PWA töötab samade andmetega edasi, nii et inimesed saavad su rakendust kasutada brauseris, arvutis või enne, kui nad on selle poest paigaldanud. Üks toode, kaks välisust, üks taustasüsteem.

Meie soovitus: valideeri PWA-ga, teisenda siis, kui kasutajad seda küsivad, ja käsitle poeversiooni lihvitud väljaandena millestki, mida inimesed juba armastavad.