वर्कबॉक्स की समयसीमा खत्म होना

कैश मेमोरी में आइटम को कैश मेमोरी में सेव रखने की पाबंदी लगाना आम बात है. 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();