PWA (progresif web uygulaması)
PWA, telefonun ana ekranına eklenebilen, bağlantı zayıfken de kısmen çalışabilen ve uygulama gibi davranan web sitesidir. Mağazadan indirilmesi gerekmez. Tek bir kodla hem web hem mobil kullanımı karşılar, ama bazı cihaz özelliklerine erişimi sınırlıdır.
PWA nedir?
PWA, progresif web uygulaması demektir. İngilizce Progressive Web App ifadesinin kısaltmasıdır. Aslında bir web sitesidir, ama uygulama gibi davranır. Telefonun ana ekranına simge olarak eklenir, tam ekran açılır ve daha önce açılan sayfalar bağlantı zayıfken de görünebilir.
Bir örnek verelim. Bir restoranın sipariş sayfası var. Müşteri siteye girer, tarayıcı "ana ekrana ekle" önerir. Müşteri ekler ve sonraki seferde simgeye dokunarak doğrudan menüyü açar. Uygulama mağazasından bir şey indirmez, güncelleme de beklemez. Siteyi güncellediğinizde herkes yeni hali görür.
Nasıl çalışır?
PWA'nın üç parçası vardır. Güvenli bağlantı (https), uygulamanın adını ve simgesini tanımlayan bir manifest dosyası ve arka planda çalışıp sayfaları önbelleğe alan bir service worker. Bu üçü bir araya gelince tarayıcı siteyi uygulama gibi yükleyebilir. Sınırları da vardır. Bazı cihaz özelliklerine erişim ve bildirimler, işletim sistemine ve tarayıcıya göre değişir. Mağazada görünmek istiyorsanız PWA tek başına yetmez.
Sitenin her ekranda düzgün görünmesi PWA'nın ön koşuludur. Bunu responsive tasarım maddesinde anlattık. Mağaza uygulaması seçeneklerini native mi, Flutter mı yazısında karşılaştırdık. Hangi yolun size uygun olduğunu mobil uygulama sayfamızda birlikte değerlendiriyoruz.
Sık sorulanlar
PWA mağaza uygulamasının yerini tutar mı?
Bazı işlerde tutar. İçerik gösteren, form ya da sipariş alan uygulamalarda çoğu zaman yeterlidir. Cihaz özelliklerini yoğun kullanan ya da mağazada görünmesi gereken uygulamalar için mağaza uygulaması gerekir.
PWA iPhone'da çalışır mı?
Evet, Safari üzerinden ana ekrana eklenebilir. Ancak bildirim gibi bazı özelliklerin desteği işletim sistemi sürümüne göre değişir. Hedef kitlenizin cihazlarında deneyerek karar verin.
Mevcut sitem PWA'ya çevrilebilir mi?
Site https ile çalışıyor ve mobilde düzgün görünüyorsa çoğu zaman evet. Manifest dosyası ve service worker eklenir. Hangi sayfaların çevrimdışı açılacağına birlikte karar veririz.
Kaynaklar
- 01 Progressive web apps · MDN Web Docs