Co je to PWA (Progressive Web Application)?

PWA je webová aplikace, která vypadá a chová se jako nativní mobilní aplikace, přičemž běží v prohlížeči.

Hlavní vlastnosti PWA:

• Spolehlivost: Funguje offline díky Service Workers.
• Výkon: Rychle se načítá a reaguje na uživatelské akce.
• Instalovatelnost: Uživatelé mohou přidat PWA na hlavní obrazovku zařízení.
• Objevitelnost: Je indexována vyhledávacími systémy.
• Atraktivita: Může posílat push notifikace.
• Responsivita: Přizpůsobí se jakékoli velikosti obrazovky.
• Bezpečnost: Funguje pouze na HTTPS.

Technologie používané v PWA:

• Service Workers: Proxy mezi prohlížečem a sítí, umožňuje cachování zdrojů a práci offline.

  // Příklad instalace Service Worker
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker zaregistrován s rozsahem:', registration.scope);
        })
        .catch(error => {
          console.log('Chyba registrace Service Worker:', error);
        });
    });
  }
  

• Web App Manifest: JSON soubor s informacemi o aplikaci (název, ikony, orientace obrazovky atd.).

  {
    "short_name": "My PWA",
    "name": "Můj PWA příklad",
    "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: Zajišťuje bezpečné spojení.

Výhody PWA:

• Nevyžaduje instalaci přes obchody s aplikacemi.
• Zabírá méně místa na zařízení.
• Snadněji se aktualizuje.
• Je dostupná na všech platformách podporujících prohlížeč.

Testování PWA zahrnuje kontrolu:

• Funkčnost v online a offline režimu.
• Instalaci a provoz na hlavní obrazovce.
• Responsivitu na různých zařízeních.
• Push notifikace.
• Funkčnost Service Worker a cachování.
• Manifest aplikace.
• Výkon.