42 lines
1.5 KiB
JavaScript
42 lines
1.5 KiB
JavaScript
// Service Worker des Kundenbereichs: macht die App installierbar (Homescreen) und zeigt ohne
|
|
// Internet eine Offline-Seite. Kundendaten (Seiten, API, PDFs) werden bewusst NICHT
|
|
// zwischengespeichert - alles kommt immer frisch vom Server. Bei Aenderungen CACHE hochzaehlen.
|
|
const CACHE = 'kb-offline-v2'
|
|
const OFFLINE_URL = '/offline.html'
|
|
|
|
self.addEventListener('install', (event) => {
|
|
event.waitUntil(
|
|
caches.open(CACHE)
|
|
.then((cache) => cache.add(new Request(OFFLINE_URL, { cache: 'reload' })))
|
|
.then(() => self.skipWaiting())
|
|
)
|
|
})
|
|
|
|
self.addEventListener('activate', (event) => {
|
|
event.waitUntil((async () => {
|
|
for (const key of await caches.keys()) {
|
|
if (key !== CACHE) await caches.delete(key)
|
|
}
|
|
// Seitenaufrufe starten parallel zum Hochfahren des Workers (kein Zeitverlust)
|
|
if (self.registration.navigationPreload) await self.registration.navigationPreload.enable()
|
|
await self.clients.claim()
|
|
})())
|
|
})
|
|
|
|
// Nur Seitenaufrufe: Netz zuerst, bei fehlender Verbindung die Offline-Seite.
|
|
// Alle anderen Anfragen (API, Bilder, Downloads) laufen unveraendert ans Netz.
|
|
self.addEventListener('fetch', (event) => {
|
|
const { request } = event
|
|
if (request.mode !== 'navigate' || request.method !== 'GET') return
|
|
event.respondWith((async () => {
|
|
try {
|
|
const preloaded = await event.preloadResponse
|
|
if (preloaded) return preloaded
|
|
return await fetch(request)
|
|
} catch {
|
|
const cache = await caches.open(CACHE)
|
|
return (await cache.match(OFFLINE_URL)) || Response.error()
|
|
}
|
|
})())
|
|
})
|