PWA (Progressive Web Application) nədir?

PWA brauzer üzərində işləyən və yerli mobil tətbiq kimi görünən və davranan veb tətbiqidir.

PWA-nın əsas xüsusiyyətləri:

• Etibarlılıq: Service Workers sayəsində offline işləyir.
• Performans: Tez yüklənir və istifadəçi hərəkətlərinə cavab verir.
• Quraşdırıla bilmə: İstifadəçilər PWA-ı cihazlarının ana ekranına əlavə edə bilərlər.
• Axtarış: Axtarış motorları tərəfindən indeksləşdirilir.
• Cəlbedicilik: Push bildirişləri göndərə bilər.
• Cavabvericilik: Hər hansı ekran ölçüsünə uyğunlaşır.
• Təhlükəsizlik: Yalnız HTTPS-də işləyir.

PWA-da istifadə olunan texnologiyalar:

• Service Workers: Brauzer və şəbəkə arasında proxy, resursların keşiklenmesi və offline işləmə imkanı verir.

  // Service Worker qurulması nümunəsi
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker qeydiyyata alındı:', registration.scope);
        })
        .catch(error => {
          console.log('Service Worker qeydiyyatında xəta:', error);
        });
    });
  }
  

• Web App Manifest: Tətbiq haqqında məlumatlar (ad, ikonalar, ekran yönü və s.) ilə JSON faylı.

  {
    "short_name": "My PWA",
    "name": "Nümunə PWA",
    "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: Təhlükəsiz əlaqə təmin edir.

PWA-nın üstünlükləri:

• Tətbiq mağazaları vasitəsilə quraşdırma tələb etmir.
• Cihazda daha az yer tutur.
• Daha asan yenilənir.
• Bütün brauzer dəstəkləyən platformalarda mövcuddur.

PWA testləri aşağıdakıları yoxlamağı əhatə edir:

• Onlayn və offline rejimdə funksionallıq.
• Ana ekranda quraşdırma və işləmə.
• Müxtəlif cihazlarda cavabvericilik.
• Push bildirişləri.
• Service Worker və keşiklenmenin işləməsi.
• Tətbiq manifesti.
• Performans.