PWA Refresh

WEB TMS WEB Core
1

Hi,

When the source has changed on the server how do you get the PWA app to update on iOS. Refreshing in safari works but the home screen link remains unchanged.

Thanks,

Ken

2

Normally, when iOS is online and the files of the PWA have been updated, the serviceworker should see that the timestamp on the files has changed and should automatically update them. Unless, there is somewhere intermediate caching happening like in a router or ISP.
It is an automatic mechanism handled by the serviceworker where we have little influence.

3

Thanks, this doesn't appear to be working but I will monitor it in case it is delayed somehow.

4

I cannot get this to work at all on iOS. Are there any additional settings that I need to complete?

5

I can't get it to work on Android properly either. I know it is a valid PWA as far as Android is concerned as it is opening in it's own box. Does any change need to be made to ServiceWorker.js which only seems to be fetching text/html files?

6

The serviceworker.js as-is should have all your project files listed for caching by default.
I'd rather check server side if your server can properly return file timestamp info.

7

Is this done via my .htaccess file? If so do I have to put anything in specifically for the serviceworker? If not what else?

8

I assume you use IIS.
If so, here is some background info on cache control

9

No, my web server is apache.

10

I'm sorry, I'm not an expert with Apache server.
I suggest to look at Apache cache control.

11

Thanks anyway. I will post a solution here when I find one.

12

I believe that there may be a mistake in the ServiceWorker.js that is generated. The fetch is currently:

self.addEventListener('fetch',function(event) {
event.respondWith(
fetch(event.request).catch(function() {
return caches.match(event.request).then(function(response) {
if (response) {
return response;
} else if (event.request.headers.get("accept").includes("text/html")) {
return caches.match("index.html");
}
});
})
);
});

When "inedex.html" is changed to event.request all works as expected.

13

Can I please have a response to the last post?

14

If your app updates, update the apps entry point, i.e. the HTML file.