2019-07-18 3分 read (About 484 words)

iosのPWAでキャッシュを削除する方法

はじめに

ios の PWA のキャッシュって全然消えなくないですか？？？
まあそれが PWA の良いところだとは思うんですけどせっかくコンテンツを新しくしてもそれがユーザが検知できないのは良くないですよね。

本来であればservice-worker.jsに以下のように書けばキャッシュではなく最新のコンテンツを利用してくれるはずなのですが、
どうやら調べた感じだとまだ Safari の PWA 対応が遅れてるっぽいです。。

self.addEventListener('activate', (event) => {
  event.waitUntil(
    caches.keys().then((keys) => {
      console.log('keys: ' + keys)
      return Promise.all(
        keys.map((key) => {
          console.log('不要なキャッシュを削除')
          return caches.delete(key)
        })
      )
    })
  )
})

一応無理やり削除する方法が分かったのでメモしておきます。
早く対応してくれ〜。apple さん〜。

キャッシュを削除する方法

1	window.location.reload(true);

はい、これです。
なので、サーバの DB にバージョン情報を記録しておいて、定期的にそれをチェックして、更新されていればこれでキャッシュを削除して新しいソースを読み込む、という流れが良さそうです。
良さそうというか、そうするしかないと思います。

おわりに

もし ios でも良い感じにキャッシュを削除する方法をご存知であれば教えてください〜。

参考

https://forum.quasar-framework.org/topic/2560/solved-pwa-force-refresh-when-new-version-released/26
PWA： ServiceWorker を使って、キャッシュをコントロールする

# PWA

reon777

システムエンジニア

福岡県北九州市

投稿

176

カテゴリ

0

タグ

43

iosのPWAでキャッシュを削除する方法

はじめに

キャッシュを削除する方法

おわりに

参考

タグクラウド

アーカイブ

タグ

アーカイブ

タグ

Your browser is out-of-date!