Update service-worker.js
This commit is contained in:
+22
-39
@@ -1,7 +1,7 @@
|
|||||||
const FILE_VERSIONS = {
|
const FILE_VERSIONS = {
|
||||||
'/index.html': '12',
|
'/index.html': '13',
|
||||||
'/home_en.html': '13',
|
'/home_en.html': '14',
|
||||||
'/home_tr.html': '13',
|
'/home_tr.html': '14',
|
||||||
'/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,26 +26,21 @@ 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
|
|
||||||
|
|
||||||
// Önbelleğe alınacak dosyaları ekler
|
// Dosyaları önbelleğe al
|
||||||
const addResourcesToCache = async (resources) => {
|
const cacheFiles = async () => {
|
||||||
const cache = await caches.open(CACHE_NAME);
|
const cache = await caches.open(CACHE_NAME);
|
||||||
await cache.addAll(resources);
|
await cache.addAll(Object.keys(FILE_VERSIONS));
|
||||||
};
|
|
||||||
|
|
||||||
// Cache'e yanıt ekler
|
|
||||||
const putInCache = async (request, response) => {
|
|
||||||
const cache = await caches.open(CACHE_NAME);
|
|
||||||
await cache.put(request, response);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// Versiyon kontrolü ile fetch
|
// Versiyon kontrolü ile fetch
|
||||||
const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
|
const cacheFirst = async (request) => {
|
||||||
const newVersion = FILE_VERSIONS[request.url] || '0';
|
const url = new URL(request.url);
|
||||||
const cache = await caches.open(CACHE_NAME);
|
const newVersion = FILE_VERSIONS[url.pathname] || '0';
|
||||||
|
|
||||||
|
const cache = await caches.open(CACHE_NAME);
|
||||||
|
const cachedResponse = await caches.match(request);
|
||||||
|
|
||||||
const cachedResponse = await cache.match(request);
|
|
||||||
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) {
|
||||||
@@ -62,12 +57,6 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
|
|||||||
return fetch(request);
|
return fetch(request);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
const preloadResponse = await preloadResponsePromise;
|
|
||||||
if (preloadResponse) {
|
|
||||||
putInCache(request, preloadResponse.clone());
|
|
||||||
return preloadResponse;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const response = await fetch(request);
|
const response = await fetch(request);
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
@@ -76,8 +65,8 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
|
|||||||
}
|
}
|
||||||
return response;
|
return response;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
const fallbackResponse = await caches.match(fallbackUrl);
|
// İstemci tarafında yanıt alınamadığında hata yanıtı döndür
|
||||||
return fallbackResponse || new Response('Network error happened', {
|
return new Response('Network error happened', {
|
||||||
status: 408,
|
status: 408,
|
||||||
headers: { 'Content-Type': 'text/plain' },
|
headers: { 'Content-Type': 'text/plain' },
|
||||||
});
|
});
|
||||||
@@ -85,7 +74,13 @@ const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// Service Worker etkinleştirme
|
// Service Worker olayları
|
||||||
|
self.addEventListener('install', (event) => {
|
||||||
|
event.waitUntil(
|
||||||
|
cacheFiles()
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
self.addEventListener('activate', (event) => {
|
self.addEventListener('activate', (event) => {
|
||||||
event.waitUntil(
|
event.waitUntil(
|
||||||
caches.keys().then(keys => {
|
caches.keys().then(keys => {
|
||||||
@@ -98,20 +93,8 @@ self.addEventListener('activate', (event) => {
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Service Worker yüklenme
|
|
||||||
self.addEventListener('install', (event) => {
|
|
||||||
event.waitUntil(
|
|
||||||
addResourcesToCache(Object.keys(FILE_VERSIONS))
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Fetch olayını ele al
|
|
||||||
self.addEventListener('fetch', (event) => {
|
self.addEventListener('fetch', (event) => {
|
||||||
event.respondWith(
|
event.respondWith(
|
||||||
cacheFirst({
|
cacheFirst(event.request)
|
||||||
request: event.request,
|
|
||||||
preloadResponsePromise: event.preloadResponse,
|
|
||||||
fallbackUrl: '/img/robotic.webp' // Veya uygun bir geri dönüş resmi
|
|
||||||
})
|
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user