Skip to content
/ pwa Public

Example of how to turn a PHP website into a Progressive Web App.

Notifications You must be signed in to change notification settings

g105b/pwa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The simplest PWA to demonstrate how to speed up slow apps and add to homescreen / install to desktop.

  • index.php has the required Manifest in the head section.
  • An install button is hidden by default on index.php.
  • The install button is displayed when PWA is ready to install.
  • page1.php has a two second sleep to emulate slow server-side code.
  • page2.php has a one second sleep and dynamic content (shows the current time, with seconds).
  • The two slow pages are cached to load instantly, and page2 still has dynamic content.
  • App works offline.
  • Viewing page2 offline shows the last-cached time.
  • As soon as networking comes back online, the clock starts ticking again.

Have fun!

Thoughts and to dos:

  • How can we capture form POSTs when offline, to send them when the network comes back up?
  • What's the best way to prevent certain user actions when offline?
  • How can we disable caching on certain URLs? (Useful for lazy loading quick-changing content).