Update service-worker.js

This commit is contained in:
FURK4NGG
2024-09-11 16:53:26 +03:00
committed by GitHub
parent 9486cf30a8
commit b9fa929e3e
+16 -20
View File
@@ -1,7 +1,7 @@
const FILE_VERSIONS = { const FILE_VERSIONS = {
'/index.html': '9', '/index.html': '12',
'/home_en.html': '9', '/home_en.html': '12',
'/home_tr.html': '8', '/home_tr.html': '12',
'/not_found_page.html': '1', '/not_found_page.html': '1',
'/CSS/1.css': '1', '/CSS/1.css': '1',
'/CSS/2.css': '1', '/CSS/2.css': '1',
@@ -26,17 +26,15 @@ const FILE_VERSIONS = {
}; };
const CACHE_NAME = 'my-site-cache-v1'; const CACHE_NAME = 'my-site-cache-v1';
const CACHE_VERSION = 'v1'; // Versiyon numarasıyla cache'i yönetir
// Dosyaları önbelleğe al // Önbelleğe alınacak dosyaları ekler
const addResourcesToCache = async (resources) => { const addResourcesToCache = async (resources) => {
const cache = await caches.open(CACHE_NAME); const cache = await caches.open(CACHE_NAME);
await cache.addAll(resources.map(url => { await cache.addAll(resources);
const version = FILE_VERSIONS[url] || '0';
return new Request(`${url}?v=${version}`);
}));
}; };
// Cache'de dosyaları güncelle // Cache'e yanıt ekler
const putInCache = async (request, response) => { const putInCache = async (request, response) => {
const cache = await caches.open(CACHE_NAME); const cache = await caches.open(CACHE_NAME);
await cache.put(request, response); await cache.put(request, response);
@@ -47,11 +45,7 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
const newVersion = FILE_VERSIONS[request.url] || '0'; const newVersion = FILE_VERSIONS[request.url] || '0';
const cache = await caches.open(CACHE_NAME); const cache = await caches.open(CACHE_NAME);
const cacheUrl = new URL(request.url); const cachedResponse = await cache.match(request);
cacheUrl.searchParams.set('v', newVersion);
const cacheRequest = new Request(cacheUrl.toString());
const cachedResponse = await caches.match(cacheRequest);
if (cachedResponse) { if (cachedResponse) {
const cachedVersion = new URL(cachedResponse.url).searchParams.get('v') || '0'; const cachedVersion = new URL(cachedResponse.url).searchParams.get('v') || '0';
if (newVersion === cachedVersion) { if (newVersion === cachedVersion) {
@@ -60,7 +54,7 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
return fetch(request).then(response => { return fetch(request).then(response => {
if (response.ok) { if (response.ok) {
const responseClone = response.clone(); const responseClone = response.clone();
cache.put(cacheRequest, responseClone); cache.put(request, responseClone);
} }
return response; return response;
}); });
@@ -70,7 +64,7 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
} else { } else {
const preloadResponse = await preloadResponsePromise; const preloadResponse = await preloadResponsePromise;
if (preloadResponse) { if (preloadResponse) {
putInCache(cacheRequest, preloadResponse.clone()); putInCache(request, preloadResponse.clone());
return preloadResponse; return preloadResponse;
} }
@@ -78,7 +72,7 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
const response = await fetch(request); const response = await fetch(request);
if (response.ok) { if (response.ok) {
const responseClone = response.clone(); const responseClone = response.clone();
cache.put(cacheRequest, responseClone); cache.put(request, responseClone);
} }
return response; return response;
} catch (error) { } catch (error) {
@@ -91,7 +85,7 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
} }
}; };
// Service Worker olayları // Service Worker etkinleştirme
self.addEventListener('activate', (event) => { self.addEventListener('activate', (event) => {
event.waitUntil( event.waitUntil(
caches.keys().then(keys => { caches.keys().then(keys => {
@@ -104,18 +98,20 @@ self.addEventListener('activate', (event) => {
); );
}); });
// Service Worker yüklenme
self.addEventListener('install', (event) => { self.addEventListener('install', (event) => {
event.waitUntil( event.waitUntil(
addResourcesToCache(Object.keys(FILE_VERSIONS)) addResourcesToCache(Object.keys(FILE_VERSIONS))
); );
}); });
// Fetch olayını ele al
self.addEventListener('fetch', (event) => { self.addEventListener('fetch', (event) => {
event.respondWith( event.respondWith(
cacheFirst({ cacheFirst({
request: event.request, request: event.request,
preloadResponsePromise: event.preloadResponse || Promise.resolve(null), preloadResponsePromise: event.preloadResponse,
fallbackUrl: '/gallery/myLittleVader.jpg' fallbackUrl: '/img/robotic.webp' // Veya uygun bir geri dönüş resmi
}) })
); );
}); });