通過瀏覽器服務工作人員通知新的應用程序版本

Question

我使用Polymer和polymer-cli以及爲緩存和脫機生成良好的服務人員構建了一個html/js應用程序（漸進式Web應用程序）。

我想知道如何在有新版本的應用程序可用時通知用戶並邀請他重新啓動瀏覽器。

有什麼想法？

編輯

在IO2016談話埃裏克Bidel談服務人員，並通知用戶有關應用程序的新版本： https://youtu.be/__KvYxcIIm8?list=PLOU2XLYxmsILe6_eGvDN3GyiodoV3qNSC&t=1510

需要檢查的谷歌IO網頁源代碼

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. 
     } 
    } 
    }; 
}