Workbox-Ablauf

Es ist durchaus üblich, einen Cache mit Einschränkungen in Bezug darauf zu versehen, wie lange Elemente in einem Cache gespeichert werden können oder wie viele Elemente in einem Cache aufbewahrt werden sollen. Workbox bietet diese Funktion über das Plug-in workbox-expiration, mit dem Sie die Anzahl der Einträge in einem Cache begrenzen und / oder Einträge entfernen können, die über einen längeren Zeitraum im Cache gespeichert wurden.

Anzahl der Cache-Einträge beschränken

Um die Anzahl der in einem Cache gespeicherten Einträge zu beschränken, können Sie die Option maxEntries so verwenden:

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,
      }),
    ],
  })
);

Damit wird das Plug-in dieser Route hinzugefügt. Nachdem eine im Cache gespeicherte Antwort verwendet oder dem Cache eine neue Anfrage hinzugefügt wurde, prüft das Plug-in den konfigurierten Cache und sorgt dafür, dass die Anzahl der im Cache gespeicherten Einträge das Limit nicht überschreitet. Ist dies der Fall, werden die ältesten Einträge entfernt.

Alter von im Cache gespeicherten Einträgen beschränken

Wenn Sie einschränken möchten, wie lange eine Anfrage im Cache gespeichert wird, können Sie mit der Option maxAgeSeconds ein Höchstalter in Sekunden definieren:

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,
      }),
    ],
  })
);

Das Plug-in überprüft und entfernt Einträge nach jeder Anfrage oder Cache-Aktualisierung.

Erweiterte Nutzung

Wenn Sie die Ablauflogik getrennt von anderen Workbox-Modulen verwenden möchten, können Sie dies mit der Klasse CacheExpiration tun.

Um Einschränkungen auf einen Cache anzuwenden, erstellen Sie eine Instanz von CacheExpiration für den Cache, den Sie steuern möchten, so:

import {CacheExpiration} from 'workbox-expiration';

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

Wenn Sie einen im Cache gespeicherten Eintrag aktualisieren, müssen Sie die Methode updateTimestamp() aufrufen, damit ihr Alter aktualisiert wird.

await openCache.put(request, response);

await expirationManager.updateTimestamp(request.url);

Wenn Sie dann eine Reihe von Einträgen löschen möchten, können Sie die Methode expireEntries() aufrufen, die die Konfiguration maxAgeSeconds und maxEntries erzwingt.

await expirationManager.expireEntries();