What do I need?

  1. HTTPS hosting for your app
  2. Create a manifest.json file which needs the following set:
    • name
    • short_name
    • start_url
    • display with a value of standalone or fullscreen
    • icons which includes one image set to (at least) 144×144, in png format e.g. "icons": [ { "src": "/images/icon-144.png", "sizes": "144x144", "type": "image/png" } ]
  3. Validate the manifest file and add it to your site html
  4. Register a service worker
  5. Confirm it works offline by using chrome dev tools > Network > tick 'Offline' and refresh page

Next page >