پیش کش کردن بایدها و نبایدها

برای وب‌سایت‌های چند صفحه‌ای معمولی، ممکن است برای رسیدگی به درخواست‌های ناوبری به استراتژی ذخیره‌سازی شبکه اول یا فقط شبکه تکیه کنید.

در چنین مواردی، باید اطمینان حاصل کنید که کارگر سرویس شما زمانی که کاربر در حالت آفلاین درخواست ناوبری می کند، یک صفحه بازگشتی آفلاین را پیش کش می کند و به آن پاسخ می دهد. یکی از راه‌های انجام این کار در Workbox ممکن است استفاده از یک استراتژی فقط شبکه با یک بازگشت آفلاین باشد و از پیش‌بارگذاری ناوبری نیز استفاده کنید:

import {PrecacheFallbackPlugin, precacheAndRoute} from 'workbox-precaching';
import {registerRoute, Route} from 'workbox-routing';
import {NetworkOnly} from 'workbox-strategies';
import * as navigationPreload from 'workbox-navigation-preload';

navigationPreload.enable();

// Ensure that /offline.html is part of your precache manifest!
precacheAndRoute(self.__WB_MANIFEST);

// The network-only callback should match navigation requests, and
// the handler for the route should use the network-only strategy, but
// fall back to a precached offline page in case the user is offline.
const networkOnlyNavigationRoute = new Route(({request}) => {
  return request.mode === 'navigate';
}, new NetworkOnly({
  plugins: [
    new PrecacheFallbackPlugin({
      fallbackURL: '/offline.html'
    })
  ]
}));

registerRoute(networkOnlyNavigationRoute);

این تضمین می‌کند که اگر کاربر آفلاین شود و به صفحه‌ای که در حافظه پنهان او نیست هدایت شود، حداقل محتوای آفلاین دریافت خواهد کرد.