PWA nedir? Uygulama gibi çalışan web sitesi
PWA (Progressive Web App), tarayıcıda çalışan ama uygulama gibi davranan bir web sitesidir: ana ekrana eklenebilir, çevrimdışı açılabilir ve bildirim gönderebilir. Bunu iki teknoloji sağlar: uygulamanın adını ve simgesini tanımlayan web app manifest ve arka planda çalışıp istekleri yakalayan service worker. Mağaza süreci olmadığı için yayına almak hızlıdır; buna karşılık donanım erişimi native uygulamalara göre sınırlıdır.
- Mağaza onayı gerekmez, güncelleme anında yayılır
- Çevrimdışı çalışma ve bildirim mümkündür
- Donanım erişimi sınırlıdır
- Tek adresten hem site hem uygulama
PWA nedir?
PWA, uygulama deneyimi sunan bir web sitesidir. Kullanıcı adresi açar, isterse "ana ekrana ekle" der ve site bundan sonra kendi simgesiyle, tarayıcı çubuğu olmadan açılır. MDN'in tanımına göre PWA'lar web teknolojileriyle yazılır ama yerel uygulamaların sağladığı deneyimi hedefler.
Nasıl çalışır?
- Web App Manifest: Uygulamanın adı, simgesi, açılış adresi ve görünüm biçimi burada tanımlanır. W3C tarafından standart olarak yayımlanır.
- Service worker: Sayfayla arasında duran, istekleri yakalayabilen bir arka plan betiğidir. Çevrimdışı çalışmayı ve önbelleği bu katman sağlar.
- HTTPS: Service worker yalnızca güvenli bağlantıda çalışır.
Ne zaman PWA yeterli olur?
PWA; katalog, rehber, bilgi ekranı, rezervasyon, sipariş takibi ve iç kullanım panelleri gibi işlerde fazlasıyla yeterlidir. Avantajı nettir: tek kod tabanı, mağaza onayı beklemeden güncelleme, arama motorlarında görünürlük ve bağlantıyla paylaşılabilirlik.
Sınırlar ve iOS farkı
PWA'nın sınırları donanıma yaklaştıkça başlar: Bluetooth, arka planda sürekli konum, gelişmiş kamera kontrolü ve bazı sensörler ya sınırlıdır ya da yoktur. Bildirim tarafında da platform farkı vardır: iOS'ta web bildirimleri, sitenin ana ekrana eklenmiş olmasını gerektirir ve Safari 16.4 ile birlikte kullanılabilir hâle gelmiştir. Bu yüzden bildirimin iş için kritik olduğu senaryolarda native ya da Flutter tercih edilir.
PWA mı, mobil uygulama mı?
| İhtiyaç | Uygun |
|---|---|
| Bilgi, katalog, rezervasyon | PWA |
| Sahada QR/konum doğrulama, sürekli bildirim | Native / Flutter |
| Hızlı yayına alma, düşük bütçe | PWA |
| Mağazada bulunmak, ödeme altyapısı | Native / Flutter |
Karşılaştırmanın uzun hâlini native mi Flutter mı yazımızda bulabilirsiniz.
PWA, "uygulamamız olsun" cümlesinin en ucuz ve en hızlı cevabıdır; ama her cümlenin cevabı değildir.
Kaynaklar
- MDN Web Docs, Progressive web apps
- W3C, Web Application Manifest
- web.dev, Progressive Web Apps
Sık sorulan sorular
PWA mağazada yayınlanabilir mi?
Google Play'e paketlenerek konulabilir. App Store tarafında kurallar daha katıdır; yalnızca siteyi paketleyen uygulamalar reddedilir.
PWA çevrimdışı çalışır mı?
Service worker ile önbelleğe alınan sayfalar çevrimdışı açılır. Veri gerektiren işlemler bağlantı gelince eşitlenir.
SEO açısından fark var mı?
PWA bir web sitesidir; doğru kurulduğunda arama motorlarında normal site gibi görünür ve bu native uygulamaya göre avantajdır.
Var olan siteyi PWA yapabilir miyiz?
Genellikle evet. Manifest, simgeler ve bir service worker eklenerek mevcut site PWA hâline getirilebilir.
