PWA (İlerleyen Web Uygulaması) nedir?

PWA, tarayıcıda çalışan ve yerel mobil uygulama gibi görünen ve davranan bir web uygulamasıdır.

PWA'nın temel özellikleri:

• Güvenilirlik: Service Workers sayesinde çevrimdışı çalışır.
• Performans: Hızlı yüklenir ve kullanıcı eylemlerine yanıt verir.
• Kurulabilirlik: Kullanıcılar PWA'yı cihazlarının ana ekranına ekleyebilir.
• Keşfedilebilirlik: Arama motorları tarafından dizine eklenir.
• Çekicilik: Push bildirimleri gönderebilir.
• Duyarlılık: Her ekran boyutuna uyum sağlar.
• Güvenlik: Sadece HTTPS üzerinde çalışır.

PWA'da kullanılan teknolojiler:

• Service Workers: Tarayıcı ile ağ arasında proxy görevi görür, kaynakları önbelleğe alır ve çevrimdışı çalışmayı sağlar.

  // Service Worker kurulumu örneği
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker kaydedildi:', registration.scope);
        })
        .catch(error => {
          console.log('Service Worker kaydı hatası:', error);
        });
    });
  }
  

• Web App Manifest: Uygulama hakkında bilgi içeren JSON dosyası (isim, simgeler, ekran yönlendirmesi vb.).

  {
    "short_name": "My PWA",
    "name": "Örnek PWA'm",
    "icons": [
      {
        "src": "/images/icon-192x192.png",
        "type": "image/png",
        "sizes": "192x192"
      },
      {
        "src": "/images/icon-512x512.png",
        "type": "image/png",
        "sizes": "512x512"
      }
    ],
    "start_url": "/",
    "background_color": "#3367D6",
    "display": "standalone",
    "scope": "/",
    "theme_color": "#3367D6"
  }
  

• HTTPS: Güvenli bağlantı sağlar.

PWA'nın avantajları:

• Uygulama mağazaları üzerinden kurulum gerekmez.
• Cihazda daha az yer kaplar.
• Daha kolay güncellenir.
• Tarayıcı desteği olan tüm platformlarda kullanılabilir.

PWA testleri şunları içerir:

• Çevrimiçi ve çevrimdışı modlarda fonksiyonellik.
• Ana ekranda kurulum ve çalışma.
• Farklı cihazlarda duyarlılık.
• Push bildirimleri.
• Service Worker ve önbelleklemenin çalışması.
• Uygulama manifestosu.
• Performans.