Mobil Uygulamalar

Proyecta ile mobil uyumlu web uygulamaları oluşturun. PWA’lar bugün kullanılabilir; PWA Builder aracılığıyla iOS/Android native sarmalayıcılar.

Proyecta, web uygulamaları oluşturur. “Telefonda bir uygulama” hedefine ulaşmanın en hızlı yolu, duyarlı (responsive) bir web uygulamasıdır — isteğe bağlı olarak Progressive Web App (PWA) olarak geliştirilerek kullanıcıların uygulamayı ana ekranlarına eklemesine ve (desteklenen platformlarda) anlık bildirimler, çevrimdışı destek ve tam ekran deneyimi elde etmesine olanak tanır.

App Store, Google Play veya Microsoft Store aracılığıyla native dağıtım için yayınlanmış PWA’yı PWA Builder gibi bir araçla sarmalayabilirsiniz.

Kullanıma hazır olarak gelen özellikler

• Builder’da duyarlı viewport değiştirici — düzenlerken Desktop / Tablet / Mobile önizlemeleri arasında geçiş yapın
• Mobile-first AI komutları — istediğinizde AI duyarlı düzenler oluşturmayı bilir
• Mobil dashboard sekmesi — uygulamanızı kurulabilir bir mobil uygulamaya dönüştürmek için Appearance, Test ve Publish adımlarını içeren özel bir Mobile paneli
• Push bildirimleri — bkz. Push Bildirimleri
• Mobil builder arayüzü — Proyecta telefonlarda da çalışır, böylece hareket halindeyken uygulama geliştirebilirsiniz

Mobile sekmesi

Dashboard’u açın ve rehberli, üç adımlı akış için Mobile sekmesine geçin:

• Appearance — uygulama ikonunuzu, adınızı ve tema renginizi inceleyin. Mobil destek henüz ayarlanmamışsa Set up mobile support düğmesine tıklayın; Proyecta bunu tek adımda sizin için hazırlar — herhangi bir komut yazmanıza gerek yoktur.
• Test — yayınlanan uygulamanızı gerçek bir telefonda açmak için QR kodu tarayın (bkz. Mobilde Test Etme).
• Publish to App Store — uygulama mağazalarına paketleme ve gönderme için adım adım kılavuz (bkz. Uygulama Mağazalarında Yayımlama).

Web uygulaması şablonu, bir web app manifest (site.webmanifest) ve bir service worker (sw.js) ile birlikte gelir; dolayısıyla kurulabilir ve çevrimdışı çalışabilen bir PWA’nın temeli ilk build’den itibaren hazırdır — Mobile sekmesi ve AI bunu yalnızca uygulamanıza göre özelleştirir.

PWA yolu

En hızlı yol, Mobile sekmesindeki Set up mobile support düğmesidir. Daha spesifik olmayı tercih ederseniz, AI’ya doğrudan da sorabilirsiniz:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

Her iki durumda da manifest ve service worker ayarlanır. Yayınladıktan sonra kullanıcılar şunları yapabilir:

• Uygulamanızı herhangi bir mobil tarayıcıda açabilir
• Tarayıcı menüsüne dokunarak Add to Home Screen (iOS) veya Install app (Android) seçeneğini belirleyebilir
• Ana ekranlarından native bir uygulama gibi başlatabilir

iOS 16.4+ üzerindeki PWA’lar Web Push’u da destekler, dolayısıyla bildirimler çalışır — kurulum için bkz. Push Bildirimleri.

Daha ileri gitmek: native sarmalayıcılar

App Store veya Google Play’e göndermaniz gerekiyorsa önerilen yol, yayınlanmış PWA’yı sarmalamaktır:

1. *.proyecta.live alt alan adınıza (veya özel bir alan adına) yayınlayın
2. pwabuilder.com adresini açın ve URL’nizi girin
3. Native paketler oluşturun — Android (AAB), iOS (Xcode projesi), Windows (MSIX)
4. İlgili mağazaya gönderin

Ayrıntılar için bkz. Uygulama Mağazalarında Yayımlama.

Bilmeniz gereken sınırlamalar

• Apple, native işlevsellik eklemeyen saf WebView uygulamalarını reddedebilir. App Store hedefliyorsanız bunu göz önünde bulundurun.
• iOS’ta push bildirimleri, kullanıcının PWA’yı önce Safari’den yüklemesini gerektirir (sarmalayıcıdan değil).
• Kamera, GPS, kişiler web API’leri aracılığıyla çalışır — yalnızca native API’ler (HealthKit, ARKit) bir PWA sarmalayıcısından erişilemez.

Yakında geliyor

• Gerçek native shell’e ihtiyaç duyan projeler için Native React Native / Expo şablonları
• Alternatif bir sarmalama yolu olarak Capacitor entegrasyonu
• Builder içi uygulama mağazası yayımlama sihirbazı (ikonlar, splash screen’ler, mağaza listeleme metinleri)
• Builder ile senkronize uygulama mağazası meta veri yönetimi