การหมดอายุของกล่องงาน

เป็นเรื่องปกติที่จะใช้ข้อจำกัดในแคชในแง่ของระยะเวลาอนุญาตให้จัดเก็บรายการในแคชหรือจำนวนรายการที่ควรเก็บไว้ในแคช 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);

จากนั้นเมื่อใดก็ตามที่คุณต้องการให้ชุดรายการหมดอายุ ให้เรียกใช้เมธอด expireEntries() ซึ่งจะบังคับใช้การกําหนดค่า maxAgeSeconds และ maxEntries

await expirationManager.expireEntries();