Mis on PWA (Progressive Web Application)?

PWA on veebirakendus, mis näeb välja ja käitub nagu natiivne mobiilirakendus, kuid töötab brauseris.

PWA peamised omadused:

• Usaldusväärsus: töötab offline, kasutades Service Workersit.
• Jõudlus: laaditakse kiiresti ja reageerib kasutaja tegevustele.
• Paigaldatavus: kasutajad saavad lisada PWA oma seadme avalehele.
• Otsitavus: indekseeritakse otsingumootorite poolt.
• Teavitused: saab saata push-teavitusi.
• Vastavus: kohandub iga ekraanisuurusega.
• Turvalisus: töötab ainult HTTPS-i kaudu.

PWA tehnoloogiad:

• Service Workers: vaheserver brauseri ja võrgu vahel, võimaldab ressursse vahemällu salvestada ja töötada offline-režiimis.

  // Service Worker installimise näide
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker registreeritud:', registration.scope);
        })
        .catch(error => {
          console.log('Viga Service Worker registreerimisel:', error);
        });
    });
  }
  

• Web App Manifest: JSON-fail, mis sisaldab teavet rakenduse kohta (nimi, ikoonid, ekraani orientatsioon jne.).

  {
    "short_name": "My PWA",
    "name": "Minu Näidispwa",
    "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: tagab turvalise ühenduse.

PWA eelised:

• Ei nõua rakenduste poodide kaudu installimist.
• võtab seadmes vähem ruumi.
• lihtsam uuendada.
• saadaval kõigil platvormidel brauseri toe kaudu.

PWA testimine hõlmab:

• funktsionaalsust online ja offline režiimides.
• installimist ja tööd põhiekraanil.
• reageerimist erinevatel seadmetel.
• push-teavitusi.
• Service Worker ja vahemälu töö.
• rakenduse manifest.
• jõudlust.