서비스 근로자 캐시의 항목 삭제

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

연장 상자의 사람들은 응답의 헤더에서 '날짜'를 분석하는 것으로 보인다. 또한 날짜를 사용할 수없는 경우 응답이 신선한 것으로 가정합니다. 그들의 소스에서 here 이상의 cacheExpiration 플러그인을 확인하십시오. 나는 처음으로 네트워크에서 자산을 가져 오면 캐시 된 시간을 IndexedDB 또는 캐시에 저장할 수 있다고 생각합니다 (예 : 자산 URL을 키로 사용).

손으로 이런 것을 구현하고 세부 사항을 파헤 치는 것이 좋은 운동이지만, 사람들은 일반적으로 SW를 다루기 위해 라이브러리를 사용하는 것이 좋습니다. Workbox이 최선의 방법 일 수 있습니다.

업데이트 :

나는 자신이 밖으로 시도하지 않은하지만 난이 실제로 작동하지 않을 어떤 이유가 표시되지 않습니다. idb-keyval 같은

• 사용 무언가는 매우 간단 keyval 저장
• 사용 importScript로 색인화를 사용할 수 있도록하기 위해 SW에 그것을 가지고 (이하기 점 IDB-keyval.min.js)
• 무언가를 캐시 할 때 URL (문자열)을 IDB 키로 사용하고 Unix 시간을 값으로 사용하십시오.
• 나중에 캐시 항목을 반복하여 IDB에있는 타임 스탬프와 비교하십시오. 너무 오래된 캐시에서 delte