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

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - https://code-sample.com and https://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions