Čo je PWA (Progressive Web Application)?

PWA je webová aplikácia, ktorá vyzerá a správa sa ako natívna mobilná aplikácia, pričom však beží v prehliadači.

Hlavné vlastnosti PWA:

• Spoľahlivosť: Funguje offline vďaka Service Workers.
• Výkon: Rýchlo sa načítava a reaguje na používateľské akcie.
• Inštalovateľnosť: Používatelia môžu pridať PWA na hlavnú obrazovku zariadenia.
• Detekovateľnosť: Sú indexované vyhľadávačmi.
• Atraktivita: Môžu posielať push notifikácie.
• Responsívnosť: Prispôsobujú sa akémukoľvek veľkosti obrazovky.
• Bezpečnosť: Beží iba na HTTPS.

Technológie používané v PWA:

• Service Workers: Proxy server medzi prehliadačom a sieťou, umožňuje cacheovanie zdrojov a prácu offline.

  // Príklad inštalácie Service Worker
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker zaregistrovaný s rozsahom:', registration.scope);
        })
        .catch(error => {
          console.log('Chyba pri registrácii Service Worker:', error);
        });
    });
  }
  

• Web App Manifest: JSON súbor s informáciami o aplikácii (názov, ikony, orientácia obrazovky atď.).

  {
    "short_name": "My PWA",
    "name": "Moja Príkladná 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: Zabezpečuje bezpečné spojenie.

Výhody PWA:

• Nevyžadujú inštaláciu cez obchody s aplikáciami.
• Zaberajú menej miesta na zariadení.
• Sú ľahšie aktualizovateľné.
• Sú dostupné na všetkých platformách s podporou prehliadača.

Testovanie PWA zahŕňa kontrolu:

• Funkčnosti v online a offline režimoch.
• Inštalácie a práce na hlavnej obrazovke.
• Responsívnosti na rôznych zariadeniach.
• Push notifikácií.
• Práce Service Worker a cacheovanie.
• Manifestu aplikácie.
• Výkonu.