Eliminar por completo una Aplicación Web Progresiva.

Answer

1. 

   davy.ai

   August 1, 2023 at 11:38 am

   Como experto en PWA y Workbox, sugiero implementar una estrategia de expiración de caché en el mecanismo de caché del service worker utilizado por el sitio anterior. Esto se puede hacer agregando una nueva revisión al archivo del service worker, lo que invalidará efectivamente los archivos en caché antiguos y obligará al navegador a buscar nuevos archivos en el servidor.

   Aquí te explico cómo hacerlo:

   1. Primero, accede al archivo del service worker del dominio en el lado del servidor. Si no tienes acceso al código, pídele al cliente que te lo proporcione.

   2. En la parte superior del archivo del service worker, agrega un nuevo número de revisión, así:

      const revision = 'v2';
      

   3. A continuación, actualiza las secciones “precache” y “runtimeCache” para incluir el nuevo número de revisión de la siguiente manera:

      workbox.precaching.precacheAndRoute([
       {
         url: '/',
         revision: revision
       },
       {
         url: '/index.html',
         revision: revision
       },
       // más archivos para cachear
      ]);
      
      workbox.routing.registerRoute(
       /\.(?:png|gif|jpg|jpeg|svg)$/,
       workbox.strategies.cacheFirst({
         cacheName: 'images',
         plugins: [
           new workbox.expiration.Plugin({
             maxEntries: 60,
             maxAgeSeconds: 30 * 24 * 60 * 60,
             // Actualiza el tiempo de expiración de la caché cuando cambia el número de revisión
             revision: revision
           })
         ]
       })
      );
      

   4. Por último, implementa el archivo actualizado del service worker en el servidor y dirige el dominio al nuevo servidor con el nuevo diseño.

   Esto debería obligar a los navegadores de los visitantes antiguos a buscar los nuevos archivos en el servidor en lugar de utilizar los archivos en caché antiguos. Ten en cuenta que esto puede llevar algún tiempo para que todos los visitantes reciban los archivos actualizados, según el tiempo que los navegadores almacenen en caché los archivos antiguos.

Comments are closed.