ブラウザのサービスワーカーに新しいアプリケーションバージョンを通知します

Question

Polymerとpolymer-cliを使用してhtml/jsアプリケーション（プログレッシブWebアプリケーション）を構築し、キャッシングとオフラインのサービスワーカーを生成します。

新しいバージョンのアプリケーションが利用可能になったときにユーザーに通知し、ブラウザを再起動するようにユーザーに通知する方法を知りました。

編集

エリックBidelは、サービス労働者について話すと、アプリケーションの新しいバージョンをユーザーに通知しIO2016の話： https://youtu.be/__KvYxcIIm8?list=PLOU2XLYxmsILe6_eGvDN3GyiodoV3qNSC&t=1510

グーグルIOのWebソースコード

Answer 1

参照です： https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/lifecycle

そして、ここでは、私が

document.addEventListener('DOMContentLoaded', function(){ 
    if ('serviceWorker' in navigator) { 
     registerServiceWorker(); 
    } 

    function registerServiceWorker() { 
     navigator.serviceWorker.register('/service-worker.js').then(function(registration) { 
      checkForServiceWorkerUpdate(registration); 

      window.SWRegistrationObj = registration; 
      console.info('ServiceWorker registration successful with scope: ', registration.scope); 
     }, function(err) { 
      console.info('ServiceWorker registration failed: ', err); 
     }); 
    } 

    function checkForServiceWorkerUpdate(registration) { 
     registration.addEventListener('updatefound',() => { 
      console.log('show a toast'); 
      document.querySelector('#update-sw').addEventListener('click',() => { 
       window.location.reload(true); 
      }); 
     }); 
    } 
}); 

Answer 2

をチェックする必要があります

IOチームのおかげで、現在のサービスワーカーが冗長化されているかどうかを確認する必要があります。

// Check to see if the service worker controlling the page at initial load 
// has become redundant, since this implies there's a new service worker with fresh content. 
if (navigator.serviceWorker && navigator.serviceWorker.controller) { 
    navigator.serviceWorker.controller.onstatechange = function(event) { 
    if (event.target.state === 'redundant') { 
     // Define a handler that will be used for the next io-toast tap, at which point it 
     // be automatically removed. 
     const tapHandler = function() { 
     window.location.reload(); 
     }; 

     if (IOWA.Elements && IOWA.Elements.Toast && 
      IOWA.Elements.Toast.showMessage) { 
      IOWA.Elements.Toast.showMessage(
      'A new version of this app is available.', tapHandler, 'Refresh', 
      null, 0); // duration 0 indications shows the toast indefinitely. 
     } else { 
     tapHandler(); // Force reload if user never was shown the toast. 
     } 
    } 
    }; 
} 

ここ