hết hạn hộp làm việc

Khá phổ biến là muốn đặt các hạn chế vào bộ nhớ đệm về thời lượng cho phép các mục được lưu trữ trong bộ nhớ đệm hoặc số lượng mục sẽ được lưu trong bộ nhớ đệm. Workbox cung cấp chức năng này thông qua trình bổ trợ workbox-expiration cho phép bạn giới hạn số lượng mục nhập trong bộ nhớ đệm và / hoặc xoá các mục nhập đã được lưu vào bộ nhớ đệm trong một thời gian dài.

Giới hạn số lượng mục nhập trong bộ nhớ đệm

Để hạn chế số lượng mục nhập được lưu trữ trong bộ nhớ đệm, bạn có thể sử dụng tuỳ chọn maxEntries như sau:

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

Bằng cách này, Trình bổ trợ sẽ được thêm vào tuyến này. Sau khi sử dụng phản hồi đã lưu vào bộ nhớ đệm hoặc một yêu cầu mới được thêm vào bộ nhớ đệm, trình bổ trợ sẽ xem xét bộ nhớ đệm đã định cấu hình và đảm bảo rằng số lượng mục nhập đã lưu vào bộ nhớ đệm không vượt quá giới hạn. Nếu có, các mục cũ nhất sẽ bị xoá.

Giới hạn độ tuổi của mục nhập được lưu vào bộ nhớ đệm

Để hạn chế thời lượng một yêu cầu được lưu vào bộ nhớ đệm, bạn có thể xác định độ tuổi tối đa tính bằng giây bằng cách sử dụng tuỳ chọn maxAgeSeconds như sau:

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

Trình bổ trợ này sẽ kiểm tra và xoá các mục sau mỗi lần yêu cầu hoặc cập nhật bộ nhớ đệm.

Cách sử dụng nâng cao

Nếu muốn sử dụng logic hết hạn tách biệt với bất kỳ mô-đun Workbox nào khác, bạn có thể thực hiện việc này bằng lớp CacheExpiration.

Để áp dụng các hạn chế cho một bộ nhớ đệm, bạn sẽ tạo một bản sao của CacheExpiration cho bộ nhớ đệm mà bạn muốn kiểm soát như sau:

import {CacheExpiration} from 'workbox-expiration';

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

Mỗi khi cập nhật một mục đã lưu vào bộ nhớ đệm, bạn cần gọi phương thức updateTimestamp() để cập nhật tuổi của mục đó.

await openCache.put(request, response);

await expirationManager.updateTimestamp(request.url);

Sau đó, bất cứ khi nào muốn hết hạn một tập hợp mục nhập, bạn có thể gọi phương thức expireEntries() để thực thi cấu hình maxAgeSeconds và maxEntries.

await expirationManager.expireEntries();