Ինչպես գրանցել և ակտիվացնել Service Worker

Service Worker-ի օգտագործումը սկսվում է նրա գրանցումից՝ սովորաբար ձեր հիմնական JavaScript ֆայլում։ Այն գրանցվում է միայն HTTPS միջավայրում (բացառությամբ localhost-ի), քանի որ այն կարող է վերահսկել ցանցային հարցումները։

Օրինակ՝ Service Worker գրանցում

  
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/sw.js')
      .then(registration => {
        console.log('Service Worker գրանցված է՝', registration);
      })
      .catch(error => {
        console.log('Service Worker գրանցման սխալ՝', error);
      });
  });
}
  

sw.js ֆայլում կարող ենք գրել հետևյալը՝

  
// sw.js
self.addEventListener('install', event => {
  console.log('Service Worker-ը տեղադրվում է...');
  // Այստեղ կարող ենք նախօրոք քեշավորել ֆայլերը
});

self.addEventListener('activate', event => {
  console.log('Service Worker-ը ակտիվացվում է...');
  // Այստեղ կարելի է մաքրել հին քեշերը
});

self.addEventListener('fetch', event => {
  console.log('Ստացվել է fetch հարցում՝', event.request.url);
  // Այստեղ կարող ենք վերաձևել հարցումը, սպասարկել քեշից կամ ցանցից
});
  

Service Worker-ը ունի երեք հիմնական փուլ՝ install, activate և fetch:

• install – Տեղադրման փուլում հնարավոր է նախօրոք քեշավորել ռեսուրսները
• activate – Ակտիվացման փուլում կարելի է մաքրել հին քեշերը և պատրաստել նոր ծառայություններ
• fetch – Ամեն անգամ, երբ կայքը կատարում է ցանցային հարցում, Service Worker-ը կարող է միջամտել և պատասխանել քեշից կամ ցանցից