çalışma kutusu-geçerlilik bitiş tarihi

Bir önbelleğe, öğelerin önbellekte ne kadar süreyle depolanacağına veya önbellekte kaç tane öğenin tutulması gerektiğiyle ilgili kısıtlamalar uygulamak yaygın bir istektir. Workbox, bu işlevi workbox-expiration eklentisi aracılığıyla sağlar. Bu eklenti, önbellekteki giriş sayısını sınırlamanıza ve / veya uzun süre önbelleğe alınan girişleri kaldırmanıza olanak tanır.

Önbellek Girişlerinin Sayısını Kısıtla

Bir önbellekte depolanan giriş sayısını kısıtlamak için maxEntries seçeneğini aşağıdaki gibi kullanabilirsiniz:

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

Bununla, Eklenti bu rotaya eklenir. Önbelleğe alınan bir yanıt kullanıldıktan veya önbelleğe yeni bir istek eklendikten sonra, eklenti, yapılandırılan önbelleği inceler ve önbelleğe alınan giriş sayısının sınırı aşmadığından emin olur. Bu durumda en eski girişler kaldırılır.

Önbelleğe Alınan Girişlerin Yaşını Kısıtla

Bir isteğin önbelleğe alınma süresini kısıtlamak için maxAgeSeconds seçeneğini kullanarak saniye cinsinden maksimum yaş tanımlayabilirsiniz. Örneğin:

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

Eklenti, her istekten veya önbellek güncellemesinden sonra girişleri kontrol eder ve kaldırır.

Gelişmiş Kullanım

Diğer herhangi bir Workbox modülünden ayrı olarak geçerlilik sonu mantığını kullanmak istiyorsanız CacheExpiration sınıfıyla bunu yapabilirsiniz.

Bir önbelleğe kısıtlamalar uygulamak amacıyla, denetlemek istediğiniz önbellek için CacheExpiration örneği oluşturursunuz. Örneğin:

import {CacheExpiration} from 'workbox-expiration';

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

Önbelleğe alınmış bir girişi her güncellediğinizde, yaşının güncellenmesi için updateTimestamp() yöntemini çağırmanız gerekir.

await openCache.put(request, response);

await expirationManager.updateTimestamp(request.url);

Ardından, bir giriş grubunun geçerlilik süresini sona erdirmek istediğinizde, maxAgeSeconds ve maxEntries yapılandırmasını zorunlu kılan expireEntries() yöntemini çağırabilirsiniz.

await expirationManager.expireEntries();