Service Worker Life Cycle

What Is Service Worker Life Cycle?

Service Worker Life Cycle - A service worker has a life cycle that is completely separate from your web apps page.
To install a service worker for our site, we need to register it, which we do in our pages. To Registering a service worker will cause the browser to start the service worker install step in the background process.

Prerequisites to Supports Service workers-
ü  Browser support
ü  You need HTTPS

How To Register A Service Worker?
To install a service worker you need to kick start the process by registering it in your page. This tells the browser where your service worker JavaScript file lives.

You can call below register () every time a page loads without concern; the browser will figure out if the service worker is already registered or not and handle it accordingly.

if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/sw.js').then(function(registration) {
      // If Registration was successful
      console.log('Success Registration - ', registration.scope);
    },
    function(err) {
      // If Registration was failed!
      console.log('Failed Registration - ', err);
    });
  });
}


This code checks to see if the service worker API is available, and if it is, the service worker at /sw.js is registered once the page is loaded.

I hope you are enjoying with this post! Please share with you friends!! Thank you!!!
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

What Is Service Worker Life Cycle? What Is Service Worker Life Cycle? Reviewed by Anil Singh on 11:13 PM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^