От PWA до App Store: как да пуснеш Flutter приложение

Някога, за да стигне едно приложение до нечий телефон, трябваше да избереш платформа, да научиш инструментите ѝ и да чакаш на опашка за преглед, преди някой изобщо да може да го пробва. builder77 разделя този път на два етапа: пусни PWA още днес, за да могат истински хора да го използват, и премини към нативен Flutter, когато си готов за App Store и Google Play.

Етап 1: PWA, което потребителите ти могат да инсталират веднага

Когато създаваш мобилно приложение в builder77, то е проектирано като приложение за телефон от самото начало: оформление на цялата височина, навигация с долни раздели, големи зони за докосване и отстъпи за безопасната зона на екрани с прорез. При публикуване получава манифест на уеб приложение и service worker, което го прави инсталируемо.

• Натисни Публикувай и сканирай QR кода с телефона си.
• На iPhone докосни Сподели → Добави към началния екран. На Android използвай подканата за инсталиране или менюто на браузъра.
• Приложението се отваря на цял екран със собствена икона, точно като нативно.

Това е най-бързият начин да получиш обратна връзка. Още този следобед можеш да изпратиш линк на десет тестери, да видиш как го използват и да продължиш да го подобряваш в редактора — всяко публикуване обновява приложението за всички мигновено, без преглед в магазина.

Етап 2: превръщане във Flutter

Когато приложението е в добра форма, отвори раздела Flutter и го конвертирай. Това струва 3 кредита за съобщения. builder77 генерира Flutter проект — pubspec.yaml и lib/main.dart — със същите екрани, функции и визуална идентичност като уеб приложението ти, написан с Material 3.

Важното: Flutter приложението комуникира със същата облачна база данни през REST API на builder77, като използва същите имена на колекции и полета. Данните, създадени в PWA, се появяват в нативното приложение и обратно, а потребителите на приложението ти могат да влизат и в двете.

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

Пробвай го, преди да го изтеглиш

Можеш да стартираш Flutter версията, без да инсталираш нищо. В раздела Flutter има две възможности:

• DartPad — отвори генерирания код в DartPad за бърз поглед.
• Облачна компилация (план Plus и нагоре) — builder77 изпълнява истински flutter build web на нашите сървъри и показва компилираното приложение директно в редактора. Това е най-точният преглед на това, което ще прави нативното приложение.

Ако облачната компилация отчете грешка или нещо не изглежда наред, поискай поправка в чата и конвертирай отново. Тъй като уеб приложението е източникът на истината, обикновено е най-добре първо да изгладиш уеб версията и след това да генерираш Flutter проекта наново.

Изтегли и отвори проекта

От план Starter нагоре можеш да изтеглиш Flutter проекта. Оттам нататък това е стандартен работен процес с Flutter:

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

Публикуване в магазините

Подаването в магазините все още става в инструментите на Apple и Google, през собствените ти акаунти за разработчици. Общият контролен списък изглежда така:

• Задай уникален bundle ID / application ID и име на приложението.
• Добави икони на приложението и стартов екран за двете платформи.
• Настрой подписването: сертификат за разпространение и provisioning profile за iOS, upload keystore за Android.
• Създай release файлове с flutter build ipa и flutter build appbundle.
• Подготви страниците в магазините: екранни снимки, описание, данни за поверителност и URL за поддръжка.
• Изпрати за преглед в App Store Connect и Google Play Console.

Проверяващите в магазините гледат внимателно поверителността. Ако приложението ти има вход и съхранява лични данни, ще ти трябва URL на политика за поверителност — можеш да помолиш builder77 да добави страница за поверителност към уеб приложението ти и да поставиш линк към нея.

Запази PWA

Пускането на нативна версия не означава да спреш уеб версията. PWA продължава да работи със същите данни, така че хората могат да ползват приложението ти в браузър, на компютър или преди да са го инсталирали от магазина. Един продукт, две входни врати, един бекенд.

Нашият съвет: провери идеята с PWA, конвертирай, когато потребителите го поискат, и гледай на версията в магазина като на изпипаното издание на нещо, което хората вече обичат.