【PWA】アプリアップデート時のキャッシュ更新対応

[ShotaroHirose59]

PWAアプリのアップデートについて

PWAのアプリは基本的にはブラウザと同様で、画面を表示する際にキャッシュを優先するそう。
おそらくブラウザと同じキャッシュを参照しているようなので、逆に言えばブラウザのキャッシュが削除または更新されない限り PWA 側も更新されない。(PWA のリソースは Service Workerによってキャッシュされている)

• 普段から定期的にブラウザのキャッシュを削除する人はそこまで多くないで
  --> PWA をインストールしたのにブラウザを起動しないと更新できないというのは少し本末転倒感

[ShotaroHirose59]

SWの更新

async callback() {
      if (!('serviceWorker' in window.navigator)) {
        console.log(1)
        return
      }

      const registration = await window.navigator.serviceWorker.getRegistration()

      if (!registration) {
        console.log(2)
        return
      }

      registration.onupdatefound = async () => {
        console.log(3)
        await registration.update()
      }
    }