תיבת עבודה-תוקף

הרבה פעמים קורה שרוצים להחיל הגבלות על מטמון כדי לקבוע כמה זמן רוצים לשמור פריטים במטמון או כמה פריטים לשמור במטמון. הפונקציה Workbox מספקת את הפונקציונליות הזו באמצעות הפלאגין workbox-expiration, שמאפשר להגביל את מספר הרשומות במטמון ו / או להסיר רשומות שנשמרו במטמון למשך פרק זמן ארוך.

הגבלת מספר הרשומות במטמון

כדי להגביל את מספר הרשומות שמאוחסנות במטמון, אפשר להשתמש באפשרות maxEntries באופן הבא:

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

כך הפלאגין יתווסף למסלול הזה. לאחר שימוש בתגובה ששמורה במטמון או בקשה חדשה שתתווסף למטמון, הפלאגין יבדוק את המטמון שהוגדר ויוודא שמספר הרשומות במטמון לא יחרוג מהמגבלה. אם זה קורה, הרשומות הישנות ביותר יוסרו.

הגבלת גיל הרשומות במטמון

כדי להגביל את משך הזמן לשמירת בקשה, אפשר להגדיר גיל מקסימלי בשניות באמצעות האפשרות maxAgeSeconds, באופן הבא:

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

הפלאגין יבדוק ויסיר רשומות לאחר כל בקשה או עדכון של המטמון.

שימוש מתקדם

אם רוצים להשתמש בלוגיקת התפוגה בנפרד מכל מודול אחר של Workbox, תוכלו לעשות זאת באמצעות המחלקה CacheExpiration.

כדי להחיל הגבלות על מטמון, יוצרים מופע של CacheExpiration למטמון שרוצים לשלוט בו, באופן הבא:

import {CacheExpiration} from 'workbox-expiration';

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

בכל פעם שמעדכנים רשומה שנשמרה במטמון, צריך להפעיל את השיטה updateTimestamp() כדי שהגיל שלה יתעדכן.

await openCache.put(request, response);

await expirationManager.updateTimestamp(request.url);

לאחר מכן, בכל פעם שרוצים שתוקף של קבוצה של רשומות יפוג, אפשר לבצע קריאה ל-method expireEntries() כדי לאכוף את ההגדרות maxAgeSeconds ו-maxEntries.

await expirationManager.expireEntries();