Service Worker Basics

मुख्य विचार

एक service worker एक JavaScript file है जो background में main thread से अलग चलता है। यह network requests को intercept करता है, responses को cache करता है और offline functionality को enable करता है—यह PWAs को power देने वाली core technology है।

Service worker को register करें

यह code service worker file को register करता है और registration success या failure को handle करता है।

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js')
    .then(reg => {
      console.log('Service Worker registered:', reg);
    })
    .catch(err => {
      console.error('Service Worker registration failed:', err);
    });
}

Output:

Service Worker successfully registered and ready to intercept network requests.

Service Worker lifecycle

Service workers stages से गुजरते हैं: parse, install, activate और fetch events।

एक आम गलती

Service workers को HTTPS के माध्यम से serve किया जाना चाहिए (localhost को छोड़कर)। यह एक security requirement है जिसे आप bypass नहीं कर सकते।

Service Worker Registration Patterns

अलग-अलग registration strategies और error handling approaches को compare करें।