PWAだからServiceWorker大切
PWAだからServiceWorker大切:
前回
「PWA初期化」
https://qiita.com/sanoh/items/430a50035d4dfab0de7d
でPWAなのにServiceWorkerが入っていなかったので追加。
これでServiceWorkerが使えるようになりました。
前回
「PWA初期化」
https://qiita.com/sanoh/items/430a50035d4dfab0de7d
でPWAなのにServiceWorkerが入っていなかったので追加。
■Step1:index.htmlの修正
index.html
<!-- index.html -->
<html>
<head>
<title>Hello ServiceWorker.</title>
<link rel="manifest" href="./manifest.json">
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./service-worker.js').then(function() { console.log('Service Worker Registered'); });
}
</script>
</head>
<body>
<h1>Hello ServiceWorker!</h1>
</body>
</html>
■Step2：ServicWorkerのJSを追加
service-worker.js
// service-worker.js
self.addEventListener('install', function(e) {
console.log('[ServiceWorker] Install');
});
self.addEventListener('activate', function(e) {
console.log('[ServiceWorker] Activate');
});
self.addEventListener('fetch', function(event) {
});
コメント
コメントを投稿