Progressive Web App

What is Progressive Web App?

  1. It must run under HTTPS.
  2. It must include a Web App Manifest. – The web app manifest is a simple JSON file that tells the browser about your web application and how it should behave when ‘installed’ on the user’s mobile device or desktop. Manifest.jason: from https://developers.google.com/web/fundamentals/web-app-manifest/
    {
      "short_name": "Maps",
      "name": "Google Maps",
      "icons": [
        {
          "src": "/images/icons-192.png",
          "type": "image/png",
          "sizes": "192x192"
        },
        {
          "src": "/images/icons-512.png",
          "type": "image/png",
          "sizes": "512x512"
        }
      ],
      "start_url": "/maps/?source=pwa",
      "background_color": "#3367D6",
      "display": "standalone",
      "scope": "/maps/",
      "theme_color": "#3367D6"
    }
  3. It must implement a service worker. –  a script that your browser runs in the background.

https://ionicframework.com/pwa