Workbox를 사용하여 '캐시 후 네트워크'전략을 구현하는 방법

Workbox를 사용하여 'cache then network' 전략을 구현하려고합니다.Workbox를 사용하여 '캐시 후 네트워크'전략을 구현하는 방법

staleWhileRevalidate runtimeCaching 처리기를 사용하도록 Workbox를 설정했지만 네트워크에서 캐시를 업데이트 한 경우 페이지를 한 번 업데이트하는 것이 가장 좋지 않습니다.

워드 프로세서 말 :

가

적절한 캐시를 업데이트 할뿐만 아니라, 또한 하부 RequestWrapper에 정의 된 임의의 적절한 플러그인을 트리거한다.

어떤 용도로 사용 하시겠습니까? Workbox에서 수행되는이 전략의 예가 있습니까? (그런데 멋진 도구 인 경우 유지 관리자에게 감사드립니다.)

workboxSW.router.registerRoute(
    new RegExp('/some/path/prefix'), 
    workboxSW.strategies.staleWhileRevalidate({ 
    cacheName: 'my-cache', 
    broadcastUpdate: { 
     channelName: 'my-update-channel' 
    }, 
    }) 
);

당신은 볼 수 있습니다 https://workbox-samples.glitch.me/examples/workbox-broadcast-cache-update/

에서 "독립"방식으로 BroadcastCacheUpdate 기능을 사용하는 예제가있다

출처

2017-11-14 Phil

나는'cacheDidUpdate'를 사용해야한다고 확신하지만, 지금까지 어떤 예를 찾을 수 있었는지 잘 모르겠습니다. – Phil

[오프라인 요리 책 항목] (https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-then-network)을 다시 보면, 아마도 이것이 페이지에서 직접 캐시 API와 상호 작용하여 서비스 작업자에게 전달합니다. – Phil

이 WorkboxSW의 라우팅을 통해 staleWhileValidate과를 함께 사용하려면, 당신은 같은 뭔가를 할 수 the docs의 완전한 예.

출처

2017-11-21 18:47:36

아, 훌륭합니다. 나는 글리치에 관한 많은 예들이 있다는 것을 잊었다. 고마워요. – Phil

https://gist.github.com/jeffposnick/a8f7662b5d4677566c22b1cb82e6ec5f도 관련성이 있습니다 (감사합니다 Jeff). – Phil

Workbox를 사용하여 '캐시 후 네트워크'전략을 구현하는 방법

답변

관련 문제