Sobes.tech
Junior

Kas yra PWA (Progresyvi interneto programa)?

sobes.tech AI

Atsakymas iš AI

PWA – tai interneto programa, kuri atrodo ir elgiasi kaip natūrali mobilioji programa, tačiau veikia naršyklėje.

PWA pagrindinės savybės:

  • Patikimumas: veikia neprisijungus, naudodama Service Workers.
  • Našumas: greitai įkeliasi ir reaguoja į vartotojo veiksmus.
  • Įdiegiamumas: vartotojai gali pridėti PWA prie pagrindinio savo įrenginio ekrano.
  • Paieškos galimybė: indeksuojama paieškos sistemų.
  • Pritraukimas: gali siųsti push pranešimus.
  • Atsakingumas: prisitaiko prie bet kokio ekrano dydžio.
  • Saugumas: veikia tik per HTTPS.

Technologijos, naudojamos PWA:

  • Service Workers: tarpinis serveris tarp naršyklės ir tinklo, leidžiantis talpinti išteklius ir dirbti neprisijungus.
    // Service Worker įdiegimo pavyzdys
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', () => {
        navigator.serviceWorker.register('/service-worker.js')
          .then(registration => {
            console.log('Service Worker įregistruotas:', registration.scope);
          })
          .catch(error => {
            console.log('Klaida registruojant Service Worker:', error);
          });
      });
    }
    
  • Web App Manifest: JSON failas su informacija apie programą (pavadinimas, piktogramos, ekrano orientacija ir kt.).
    {
      "short_name": "My PWA",
      "name": "Mano Pavyzdinė 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: užtikrina saugų ryšį.

PWA privalumai:

  • nereikia įdiegti per programėlių parduotuves.
  • užima mažiau vietos įrenginyje.
  • lengviau atnaujinama.
  • prieinama visose platformose su naršyklės palaikymu.

PWA testavimas apima:

  • funkcionalumą interneto ir neprisijungus režimuose.
  • įdiegimą ir darbą pagrindiniame ekrane.
  • atsakomybę įvairiuose įrenginiuose.
  • push pranešimus.
  • Service Worker ir talpyklos darbą.
  • programėlės manifestą.
  • našumą.