кеш рабочего стола офлайн сайт WordPress - PullRequest
Новая
       11

кеш рабочего стола офлайн сайт WordPress

0 голосов
/ 24 мая 2018

новичок с рабочей коробкой, и я пытаюсь кэшировать первую страницу сайта WordPress [или все страницы] в соответствии с аудитом маяка PWA Failed:

Не отвечает 200 в автономном режиме Если выПри создании Progressive Web App рассмотрите возможность использования работника сервиса, чтобы ваше приложение могло работать в автономном режиме.Подробнее ...

Я сделал функцию: 

    /**
 * Callback that adds the service worker
 *
 */
function brs_add_service_worker_callback() {
    ?>
    <script>
        // Check that service workers are registered
        if ('serviceWorker' in navigator) {
            // Use the window load event to keep the page load performant
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('<?php echo plugin_dir_url( __FILE__ ).'js/sw.js?v'.get_plugin_data(__FILE__)['Version']?>');
            });
        }
    </script>
<?php
}
add_action( 'wp_footer', 'brs_add_service_worker_callback' );

И соответствующий файл sw.js: 

importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.2.0/workbox-sw.js');

// Ignore preview and admin areas
workbox.routing.registerRoute(/wp-admin(.*)|(.*)preview=true(.*)/,
    workbox.strategies.networkOnly()
);

// Stale while revalidate for JS and CSS that are not precache
workbox.routing.registerRoute(
    /\.(?:js|css)$/,
    workbox.strategies.staleWhileRevalidate(),
  );

// We want no more than 50 images in the cache. We check using a cache first strategy
workbox.routing.registerRoute(/\.(?:png|gif|jpg|webp)$/,
    workbox.strategies.cacheFirst({
    cacheName: 'images-cache',
    cacheExpiration: {
            maxEntries: 50
        }
    })
);

// We need cache fonts if any
workbox.routing.registerRoute(/(.*)\.(?:woff|eot|woff2|ttf|svg)$/,
    workbox.strategies.cacheFirst({
    cacheExpiration: {
            maxEntries: 20
        },
    cacheableResponse: {
        statuses: [0, 200]
        }
    })
);

workbox.routing.registerRoute(/https:\/\/fonts.googleapis.com\/(.*)/,
workbox.strategies.cacheFirst({
    cacheExpiration: {
        maxEntries: 20
    },
    cacheableResponse: {statuses: [0, 200]}
    })
);

ServiceWorker зарегистрирован правильно, но кешне работает как задумано.

Есть предложения?Или нужна дополнительная информация?

1 Ответ

0 голосов
/ 14 августа 2018

Попробуйте добавить новый маршрут, например, если вы используете WordPress: 

workbox.routing.registerRoute(new RegExp('/(.*)/'), 
workbox.strategies.cacheFirst({
    cacheName,
    plugins: [
      new workbox.cacheableResponse.Plugin({
        statuses: [0, 200],
      }),
    ],
}));

Это позволит кэшировать HTML-страницу WordPress

ps: изменить cacheName на ваш

...