Kas ir PWA (Progresīva tīmekļa lietojumprogramma)…

PWA ir tīmekļa lietojumprogramma, kas izskatās un uzvedas kā dabiska mobilā lietotne, taču darbojas pārlūkprogrammā.

PWA galvenās īpašības:

Uzticamība: darbojas bezsaistē, izmantojot Service Workers.
Veiktspēja: ātri ielādējas un reaģē uz lietotāja darbībām.
Uzstādīšana: lietotāji var pievienot PWA galvenajai ekrānam.
Indeksēšana: indeksē meklētājprogrammas.
Piespiedu paziņojumi: var nosūtīt push paziņojumus.
Atbildība: pielāgojas jebkuram ekrāna izmēram.
Drošība: darbojas tikai ar HTTPS.

PWA tehnoloģijas:

Service Workers: starpniekserveris starp pārlūkprogrammu un tīklu, ļauj kešēt resursus un darboties bezsaistē.

// Service Worker uzstādīšanas piemērs
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/service-worker.js')
      .then(registration => {
        console.log('Service Worker reģistrēts ar apgabalu:', registration.scope);
      })
      .catch(error => {
        console.log('Kļūda reģistrējot Service Worker:', error);
      });
  });
}

Web App Manifest: JSON fails ar informāciju par lietotni (nosaukums, ikonas, ekrāna orientācija utt.).

{
  "short_name": "My PWA",
  "name": "Mana Piemēra 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: nodrošina drošu savienojumu.

PWA priekšrocības:

Nav nepieciešama instalācija caur lietotņu veikaliem.
aizņem mazāk vietas ierīcē.
vieglāk atjaunināma.
pieejama visās platformās ar pārlūkprogrammas atbalstu.

PWA testēšana ietver:

funkcionalitāti tiešsaistē un bezsaistē.
uzstādīšanu un darbu galvenajā ekrānā.
atbildību dažādās ierīcēs.
push paziņojumus.
Service Worker un kešatmiņas darbību.
lietotnes manifestu.
veiktspēju.

Kas ir PWA (Progresīva tīmekļa lietojumprogramma)?