PWA'dan App Store'a: builder77 ile Flutter uygulaması yayınlamak

Bir uygulamayı birinin telefonuna ulaştırmak eskiden bir platform seçmek, onun araçlarını öğrenmek ve kimse denemeden önce inceleme kuyruğunda beklemek demekti. builder77 bu yolculuğu iki aşamaya böler: gerçek insanlar kullanabilsin diye bugün bir PWA yayınla, App Store ve Google Play'e hazır olduğunda yerel Flutter'a geç.

1. aşama: kullanıcılarının hemen kurabileceği bir PWA

builder77'de bir mobil uygulama yaptığında, en baştan bir telefon uygulaması olarak tasarlanır: tam yükseklikte yerleşim, alt sekme gezinmesi, büyük dokunma alanları ve çentikli ekranlar için güvenli alan boşlukları. Yayınladığında bir web uygulaması manifesti ve bir service worker alır; bu da onu kurulabilir yapar.

• Yayınla'ya bas ve QR kodu telefonunla okut.
• iPhone'da Paylaş → Ana Ekrana Ekle'ye dokun. Android'de kurulum istemini veya tarayıcı menüsünü kullan.
• Uygulama, tıpkı yerel bir uygulama gibi kendi simgesiyle tam ekran açılır.

Geri bildirim almanın en hızlı yolu bu. Bu öğleden sonra on test kullanıcısıyla bir bağlantı paylaşabilir, nasıl kullandıklarını izleyebilir ve oluşturucuda geliştirmeye devam edebilirsin — her yayın, mağaza incelemesi olmadan uygulamayı herkes için anında günceller.

2. aşama: Flutter'a dönüştür

Uygulama iyi bir noktaya geldiğinde Flutter sekmesini aç ve dönüştür. Bunun maliyeti 3 mesaj kredisi. builder77, web uygulamanla aynı ekranlara, özelliklere ve görsel kimliğe sahip, Material 3 ile yazılmış bir Flutter projesi — bir pubspec.yaml ve lib/main.dart — oluşturur.

İşin önemli kısmı: Flutter uygulaması, aynı koleksiyon ve alan adlarını kullanarak builder77 REST API'si üzerinden aynı bulut veritabanına bağlanır. PWA'da oluşturulan veriler yerel uygulamada görünür, tersi de geçerli; uygulama kullanıcıları ikisinde de aynı hesapla giriş yapabilir.

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

İndirmeden önce dene

Flutter sürümünü hiçbir şey kurmadan çalıştırabilirsin. Flutter sekmesinde iki seçenek var:

• DartPad — hızlıca göz atmak için oluşturulan kodu DartPad'de aç.
• Bulut derleme (Plus planı ve üstü) — builder77 sunucularımızda gerçek bir flutter build web çalıştırır ve derlenmiş uygulamayı doğrudan oluşturucuda gösterir. Yerel uygulamanın ne yapacağının en sadık önizlemesidir.

Bulut derleme bir hata bildirirse ya da bir şey tuhaf görünürse, sohbette düzeltme iste ve yeniden dönüştür. Asıl kaynak web uygulaması olduğundan, genellikle en iyisi önce web sürümünü doğru hale getirip ardından Flutter projesini yeniden oluşturmaktır.

Projeyi indir ve aç

Starter ve üstü planlarda Flutter projesini indirebilirsin. Oradan sonrası standart bir Flutter iş akışı:

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

Mağazalarda yayınlamak

Mağazaya gönderim hâlâ Apple'ın ve Google'ın araçlarında, senin kendi geliştirici hesaplarınla yapılır. Genel kontrol listesi şöyle:

• Benzersiz bir bundle ID / application ID ve uygulama adını belirle.
• Her iki platform için uygulama simgelerini ve bir açılış ekranını ekle.
• İmzalamayı yapılandır: iOS'ta bir dağıtım sertifikası ve provisioning profile, Android'de bir upload keystore.
• Yayın sürümlerini flutter build ipa ve flutter build appbundle ile derle.
• Mağaza sayfalarını hazırla: ekran görüntüleri, açıklama, gizlilik bilgileri ve bir destek URL'si.
• App Store Connect ve Google Play Console'da incelemeye gönder.

Mağaza incelemecileri gizliliğe çok dikkat eder. Uygulamanda giriş varsa ve kişisel veri saklıyorsa bir gizlilik politikası URL'sine ihtiyacın olur — builder77'den web uygulamana bir gizlilik sayfası eklemesini ve ona bağlantı vermesini isteyebilirsin.

PWA'yı elinde tut

Yerel sürümü yayınlamak web sürümünü emekliye ayırmak demek değil. PWA aynı veriler üzerinde çalışmaya devam eder; insanlar uygulamanı tarayıcıda, masaüstünde ya da mağazadan kurmadan önce kullanabilir. Tek ürün, iki giriş kapısı, tek backend.

Tavsiyemiz: PWA ile doğrula, kullanıcılar istediğinde dönüştür ve mağaza sürümünü insanların zaten sevdiği bir şeyin cilalanmış hali olarak gör.