年齢に基づいてサービスワーカーキャッシュのエントリを削除する

Question

サービスワーカーは、柔軟性とパワーが非常に優れていますが、キャッシュを管理下に置いて、不必要に大きくならないようにしなければなりません。

キャッシュされたアイテムの経過時間、つまりキャッシュに格納されていた時間、およびキャッシュされたアイテムを年齢に基づいて定期的に消去する方法はありますか？

私は、次の線に沿って何かについてここで考えている：

const RUNTIME = 'runtime-cache'; 

var getAgeOf = function (request) { 
    return (*time since request was cached*); // <-- but HOW? 
}; 

var purgeRuntimeCache = function (threshold) {  
    caches.open(RUNTIME).then(function (cache) { 
     cache.keys().then(function (keys) { 
      keys.forEach(function (request, index, array) { 
       cache.match(request).then(function (response) { 
        if (getAgeOf(request) > threshold) { 
         console.log('delete old resource from runtime cache: ' + request.url); 
         cache.delete(request); 
        } 
       }); 
      }); 
     }); 
    }); 
}; 

Answer 1

仕事箱の人々は、レスポンスのヘッダから「日付」を解析しているようです。また、日付が利用できない場合、応答は新鮮であると仮定します。 cacheExpirationプラグインのソースをhere以上に確認してください。私は、最初にネットワークから資産を取り出す際に、キャッシュされた時間をIndexedDBやキャッシュに保存することもできたと思います。

このようなものを手作業で実装して細部まで掘り下げていくのは良い練習ですが、私は人間はSWを扱うために図書館を使うのが一般的であると言います。 Workboxが最適なオプションかもしれません。

更新：

私は自分自身をこれを試していないが、私は、これは実際には動作しない何らかの理由が表示されません。

• 利用SW
でそれを持っている
• 使用importScript（IDB-keyval.min.jsからポイントこのに）KEYVALストアとしてのIndexedDBを使用することが超簡単にするidb-keyvalのようなもの
• 何かをキャッシュするときは、そのURL（文字列）をIDBキーに、Unix時間を値として使用してください。
• その後、キャッシュ項目を繰り返して、IDBにあるタイムスタンプと比較してください。あまりにも古い場合、キャッシュからdelte