PWA wird nicht auf neue Produktionsversion in mobilen Geräten aktualisiert

Question

Ich entwickle eine Desktop-und mobile PWA mit Ionic 3/Angular 4. Ich veröffentliche es in einem https-Server von Amazon. Die App ist über einen Desktop-Browser, einen mobilen Browser oder über das Startbildschirm-Symbol in mobilen Geräten geöffnet.

Wenn ich eine neue Version veröffentliche und die Adresse im Desktop-Browser öffne, erhalte ich die neueste Version meiner App. Wenn ich eine neue Version veröffentliche und sie über den mobilen Browser oder das Startbildschirmsymbol öffne, erhalte ich die alte Version meiner App.

Ich dachte, dass die PWA ihre Version selbst verwalten sollte.

Wie kann ich das Update meiner App auf mobilen Geräten erzwingen?

Answer 1

Wie @Rory_za sagte, müssen Sie Service-Mitarbeiter verwenden, da sie Offline-Funktionalität, Push-Benachrichtigungen, Aktualisierung des Hintergrundinhalts, Inhalts-Caching und vieles mehr unterstützt. Um eine service worker in Ihrem Web-App zu aktivieren, können Sie das folgende in der index.html hinzu:

<script> 
    if ('serviceWorker' in navigator) { 
    navigator.serviceWorker.register('service-worker.js') 
     .then(() => console.log('service worker installed')) 
     .catch(err => console.log('Error', err)); 
    } 
</script> 

Wenn der Browser Service-Mitarbeiter unterstützt, müssen Sie Ihre service-worker.js registrieren. Dies gibt uns ein Versprechen, dass wir damit umgehen können, wie immer wir wollen.