scadenza della cartella di lavoro

È abbastanza comune applicare limitazioni a una cache in termini di quanto a lungo dovrebbe consentire l'archiviazione degli elementi in una cache o di quanti elementi devono essere conservati in una cache. Workbox fornisce questa funzionalità tramite il plug-in workbox-expiration che consente di limitare il numero di voci in una cache e / o rimuovere le voci che sono state memorizzate nella cache per un lungo periodo di tempo.

Limita il numero di voci nella cache

Per limitare il numero di voci archiviate in una cache, puoi utilizzare l'opzione maxEntries in questo modo:

import {registerRoute} from 'workbox-routing';
import {CacheFirst} from 'workbox-strategies';
import {ExpirationPlugin} from 'workbox-expiration';

registerRoute(
  ({request}) => request.destination === 'image',
  new CacheFirst({
    cacheName: 'image-cache',
    plugins: [
      new ExpirationPlugin({
        maxEntries: 20,
      }),
    ],
  })
);

In questo modo, il plugin verrà aggiunto a questa route. Dopo aver utilizzato una risposta memorizzata nella cache o aver aggiunto una nuova richiesta alla cache, il plug-in controlla la cache configurata e si assicura che il numero di voci memorizzate nella cache non superi il limite. In caso affermativo, le voci meno recenti verranno rimosse.

Limita l'età delle voci memorizzate nella cache

Per limitare il periodo di tempo durante il quale una richiesta viene memorizzata nella cache, puoi definire un'età massima in secondi utilizzando l'opzione maxAgeSeconds, in questo modo:

import {registerRoute} from 'workbox-routing';
import {CacheFirst} from 'workbox-strategies';
import {ExpirationPlugin} from 'workbox-expiration';

registerRoute(
  ({request}) => request.destination === 'image',
  new CacheFirst({
    cacheName: 'image-cache',
    plugins: [
      new ExpirationPlugin({
        maxAgeSeconds: 24 * 60 * 60,
      }),
    ],
  })
);

Il plug-in controlla e rimuove le voci dopo ogni richiesta o aggiornamento della cache.

Utilizzo avanzato

Se vuoi utilizzare una logica di scadenza separata da qualsiasi altro modulo di Workbox, puoi farlo con la classe CacheExpiration.

Per applicare limitazioni a una cache, devi creare un'istanza di CacheExpiration per la cache che vuoi controllare in questo modo:

import {CacheExpiration} from 'workbox-expiration';

const cacheName = 'my-cache';
const expirationManager = new CacheExpiration(cacheName, {
  maxAgeSeconds: 24 * 60 * 60,
  maxEntries: 20,
});

Ogni volta che aggiorni una voce memorizzata nella cache, devi chiamare il metodo updateTimestamp() in modo che la relativa età venga aggiornata.

await openCache.put(request, response);

await expirationManager.updateTimestamp(request.url);

Ogni volta che vuoi far scadere un insieme di voci, puoi chiamare il metodo expireEntries(), che forzerà l'applicazione della configurazione di maxAgeSeconds e maxEntries.

await expirationManager.expireEntries();