Update service-worker.js

This commit is contained in:
FURK4NGG
2024-09-11 16:59:05 +03:00
committed by GitHub
parent 972d59315a
commit 420c2bb3b0
+22 -39
View File
@@ -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
})
); );
}); });