Service Worker

Service Worker †

• Webページからのリクエストに対して、オフラインの状態でも処理することができるWebブラウザの仕様。
• Webページのバックグラウンドで実行されるスクリプト。
• ネイティブアプリができている機能をWebブラウザで実現する技術仕様。
• HTTPSとlocalhostでのみ動作する。

機能 †

• プッシュ通知
• キャッシュ操作
• バックグランド同期

メモ †

• service-worker.js
• register()で登録
  • onupdatefoundイベントが発生

• インストール
  • oninstallイベントが発生
  • installing状態

• 更新
  • active状態
  • waiting状態

• Cache API
  • オフライン状態でページ情報を取得

• Push Notification（プッシュ通知）
  • manifest
  • gcm_sender_id -GCM,FCMのプロジェクトIDを指定する

ブラウザの対応 †

• サポートしているブラウザ
  • Chrome
  • Firefox

• 未対応のブラウザ
• Safari
• Microsoft Edge

参考情報 †

• https://developers.google.com/web/fundamentals/getting-started/primers/service-workers?hl=ja
• http://qiita.com/kosamari/items/5e2235d26eb339a33660
• http://qiita.com/y_fujieda/items/f9e765ac9d89ba241154
• https://caniuse.com/#search=service%20workers -対応状況

関連用語 †

• Google
• HTTPS
• PWA
• Webブラウザ
• Web App Manifest
• プロキシ
• アプリケーションキャッシュ