g105b / pwa

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

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).

pwa's Issues

Install button is not showing on localhost

API usage

• Get a list of all tube lines, with their routes (origin & destination stations): https://api.tfl.gov.uk/Line/Mode/tube/Route?app_id=$APP_ID&app_key=$APP_KEY
• Get a list of all stations on a particular line:
  https://api.tfl.gov.uk/Line/$LINE_ID/Route/Sequence/inbound?app_id=$APP_ID&app_key=$APP_KEY
• Get arrivals for a particular line and station: https://api.tfl.gov.uk/Line/$LINE_ID/Arrivals/$STATION_ID
• Journey plan from station to station: https://api.tfl.gov.uk/Journey/JourneyResults/$FROM_ICS_ID/to/$TO_ICS_ID?mode=tube&app_id=$APP_ID&app_key=$APP_KEY

tentative plan for implementing offline support?

Hi,

Do you have plan for implementing below offline support features mentioned?

Thoughts and to dos:

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

Thanks