What is a service worker?

What is a service worker?

• Background task
• JS file that acts as a proxy server
• Intercepts and modifies requests

Service Worker Requirements

• Site must be served over HTTPS
• Browser must have the Service Worker API available

Demographics: narrow af

Why would I want this tho?

Why would I want this tho?

• Extremely granular caching
• Ability to serve site offline
• Send push notifications to users
• Progressive Web Applications
• ...and more! https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API

Getting Started

with Workbox

https://workboxjs.org

Registering a service worker

                                if(navigator.serviceWorker) {
    navigator.serviceWorker.register('/sw.js')
        .catch(function(err) {
            console.error('Unable to register service worker.', err);
      });
}

Demo