Oxygenados Com

                  /*
Crear un service worker en JavaScript es un proceso sencillo. Un service worker es un tipo especial de script que se 
ejecuta en segundo plano, permitiéndote interceptar y controlar las solicitudes de red, gestionar el almacenamiento en 
caché y proporcionar una experiencia sin conexión para tu sitio web o aplicación. 
Aquí tienes un ejemplo básico de cómo crear un service worker:

1: - Crear un archivo llamado service-worker.js en el directorio raíz de tu proyecto.

2: - Añadir el siguiente código en service-worker.js:
*/
self.addEventListener('install', (event) => {
  console.log('Service Worker instalado');
});

self.addEventListener('activate', (event) => {
  console.log('Service Worker activado');
});

self.addEventListener('fetch', (event) => {
  console.log('Service Worker interceptando una petición:', event.request.url);
  event.respondWith(fetch(event.request));
});


/*
3 - Registrar el service worker en tu archivo JavaScript principal, por ejemplo, main.js:
*/

if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker
      .register('/service-worker.js')
      .then((registration) => {
        console.log('Service Worker registrado con éxito:', registration);
      })
      .catch((error) => {
        console.log('Error al registrar el Service Worker:', error);
      });
  });
}

/*
4: - Asegúrate de servir tu proyecto a través de un servidor local o en producción, ya que los 
    service workers solo funcionan en contextos seguros (https).

5: - Abre tu sitio web o aplicación en un navegador compatible con service workers, y podrás ver 
    los mensajes de consola que indican que el service worker se ha instalado y está activo.
    
Este es un ejemplo básico de service worker. Puedes ampliar su funcionalidad interceptando 
solicitudes de red y gestionando el almacenamiento en caché, lo que te permitirá mejorar la 
experiencia de usuario en situaciones de conexión lenta o sin conexión.
*/