PWAの準備
仕事でPWAを扱うことになりそうなので予習
トラブルシューティング
No matching service worker detected. You may need to reload the page, or check that the service worker for the current page also controls the start URL from the manifest
マニュフェストファイルが正しく読み込めていないので、リロードしましょう。
→ 私の場合、App.jsとSW.jsがルート直下に置かれていないためでした。
なぜこれでいけないのか謎ですが、おとなしくルート直下に置いておきましょう・・。
manifest display property must be one of standalone or manual-ui
standaloneかmanulal-uiにしてね
ってことです。
PWA確認方法
インストールボタンの設置
注意点として、Safariには対応していませんので注意が必要です。
Push通知の設定
Safariでインストールする
PWAでオフライン対応