İçeriğe geç
parazade

PWA Nedir?

İngilizce: Progressive Web App

Yayın: · Son güncelleme:

PWA Nedir? Kısaca

PWA (Progressive Web App), bir web sitesinin ana ekrana eklenebilmesini, çevrim dışı çalışabilmesini ve bildirim gönderebilmesini sağlayarak mobil uygulama gibi davranmasını mümkün kılan web teknolojileri bütünüdür.

PWA nedir?
İçindekiler
  1. PWA nedir?
  2. Nasıl çalışır?
  3. Avantajları ve sınırları

PWA nedir?

PWA, "Progressive Web App" ifadesinin kısaltmasıdır ve aşamalı web uygulaması diye çevrilir. Normal bir web sitesi gibi tarayıcıdan açılır, ama kullanıcı isterse onu telefonunun ana ekranına ekleyip uygulama gibi kullanabilir. Uygulama mağazasından indirme zorunluluğu yoktur.

Ana ekrandan açılan bir PWA, tarayıcının adres çubuğu olmadan tam ekran çalışabilir. Kullanıcı açısından görünüm ve his, yerel bir uygulamaya çok yakındır.

Nasıl çalışır?

PWA'nın iki temel parçası vardır. Birincisi "web app manifest" adlı JSON dosyasıdır. Bu dosya uygulamanın adını, simgesini, renklerini ve açılış biçimini tarayıcıya bildirir.

İkincisi "service worker" denen, tarayıcının arka planda çalıştırdığı bir betiktir. Service worker dosyaları önbelleğe alır, internet kesildiğinde bile önceden yüklenmiş sayfaların açılmasını sağlar ve anlık bildirimleri yönetir. PWA'nın çalışması için sitenin HTTPS üzerinden sunulması gerekir.

Örneğin bir toplu taşıma şirketinin sefer saatleri sayfası PWA olarak hazırlanırsa, metroda bağlantı koptuğunda bile en son görüntülenen tarifeler açılabilir.

Avantajları ve sınırları

Tek kod tabanıyla hem web hem mobil kullanıcıya ulaşmak, mağaza onayı beklemeden güncelleme yayınlamak ve düşük geliştirme maliyeti PWA'nın öne çıkan artılarıdır.

Sınırları platforma göre değişir. Bazı donanım özelliklerine erişim ve bildirim desteği, iOS'ta Android'e göre daha kısıtlı olabilir. Projeye başlamadan önce ihtiyaç duyduğunuz özelliklerin hedef tarayıcılarda desteklenip desteklenmediğini kontrol etmek gerekir.

Sıkça Sorulan Sorular

PWA ile mobil uygulama arasındaki fark nedir?

Yerel mobil uygulama mağazadan indirilir ve cihaz özelliklerine tam erişir. PWA ise web teknolojileriyle yapılır, tarayıcıdan ana ekrana eklenir ve bazı donanım özelliklerine daha sınırlı erişir.

Her web sitesi PWA olabilir mi?

Teknik olarak HTTPS kullanan, manifest dosyası ve service worker eklenen her site PWA özelliklerini kazanabilir. Ancak uygulama benzeri deneyim için arayüzün de buna göre tasarlanması gerekir.

İlgili terimler