Content-type: text/html Downes.ca ~ Stephen's Web ~ How you can make a progressive web app in an hour

Stephen Downes

Knowledge, Learning, Community

OK, I spent way more than an hour on this. Be warned. So, a progressive web app (PWA) is a web page that functions offline as well as online, and is typically used on a mobile device. It does this by means of a 'service worker' that manages a local cache of static resources and intercepts calls to remote servers to cache results and use the cache is the dynamic results aren't available. The article I'm linking to here won't really show you how to make a progressive web app, but it does provide a template for one. If you want to actually make a PWA then go to this Google page and follow the step-by-step instructions. Now I made a simple weather app you can see here but be warned - it doesn't work out of the box. It worked OK locally using the Chrome server, but I had to move all the images to make it work on my website, and it was a bear getting it to work on Firebase (probably because of caching issues).

Today: 2 Total: 1119 [Direct link] [Share]


Stephen Downes Stephen Downes, Casselman, Canada
stephen@downes.ca

Copyright 2024
Last Updated: Apr 26, 2024 3:29 p.m.

Canadian Flag Creative Commons License.

Force:yes