서비스 워커 생성기
오프라인 캐시용 서비스 워커(sw.js)와 등록 코드를 생성합니다
// sw.js
const CACHE = 'app-v1'
const PRECACHE = ["/","/offline.html"]
self.addEventListener('install', (e) => e.waitUntil(caches.open(CACHE).then((c) => c.addAll(PRECACHE))))
self.addEventListener('activate', (e) =>
e.waitUntil(caches.keys().then((ks) => Promise.all(ks.filter((k) => k !== CACHE).map((k) => caches.delete(k))))))
self.addEventListener('fetch', (e) => {
if (e.request.method !== 'GET') return
e.respondWith(fetch(e.request).catch(() => caches.match(e.request)))
})
// 페이지에서 등록
if ('serviceWorker' in navigator) navigator.serviceWorker.register('/sw.js')
서비스 워커 생성기 소개
오프라인 기능을 위한 서비스 워커를 생성합니다 별도 설치나 회원가입 없이 브라우저에서 바로 사용할 수 있습니다.
관련 키워드: 서비스워커, 오프라인, PWA, 캐시