Как не кешировать service-worker’ом некоторый текст на странице?

Question

[Alide]

У меня есть service-worker, которое кеширует мою главную страницу у PWA сайта, на главной странице есть селектор с выбором группы, он запоминается в куки и подгружается вот так <?= $_COOKIE[‘hshs’] ?>, но из-за кеширования там всегда то значение, которое закешировалось и оно не обновляется никак, как это можно обойти? То есть мне нужно, чтобы страница подгружалась из кеша, но это значение выводило актуальное из куков, а не из кеша

Comments

[Дмитрий]

А нужен ли там кэш?

[Радмир Ноирусов]

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.match(event.request).then(function(response) {
      if (response) {
        // Если ресурс найден в кеше, возвращаем его
        return response;
      } else {
        // Если ресурс не найден в кеше, отправляем запрос на сервер
        return fetch(event.request).then(function(response) {
          // Клонируем ответ, так как он может быть использован только один раз
          let clonedResponse = response.clone();
          // Проверяем, что запрашиваемый ресурс - не текстовый файл с выбором группы
          if (event.request.url.indexOf('path/to/your/text/file') !== -1) {
            // Заменяем значение на актуальное из куков
            let text = await clonedResponse.text();
            text = text.replace('<?= $_COOKIE[‘hshs’] ?>', getCookie('hshs'));
            // Создаем новый ответ с обновленным значением
            let newResponse = new Response(text, {
              headers: clonedResponse.headers,
              status: clonedResponse.status,
              statusText: clonedResponse.statusText
            });
            // Сохраняем новый ответ в кеше
            caches.open('cache-name').then(function(cache) {
              cache.put(event.request, newResponse);
            });
            // Возвращаем новый ответ
            return newResponse;
          } else {
            // Если ресурс не является текстовым файлом с выбором группы, сохраняем его в кеше и возвращаем
            caches.open('cache-name').then(function(cache) {
              cache.put(event.request, clonedResponse);
            });
            return response;
          }
        });
      }
    })
  );
});

[Михаил Ливач]

Радмир Ноирусов, хорошая шутка :)