arozos-mirror/docs/lang/en-HK/9.md

["PWA-Mode"]

Progressive Web Apps Mode

PWA mode for an ArOZ Online WebApp is not compulsory but it is recommended.

PWA Mode allow ArOZ Online WebApps to be launched on a mobile devices that support PWAs and allow quick startup of the ArOZ Online WebApp services. Here is an example of the File Explorer launched in PWA mode.

Support PWA Mode

To support PWA Mode, you will need some extra lines of code and a file named manifest.json according to Google's defination.

In simple words, you will need to add this line in the head section of your WebApp

<link rel="manifest" href="manifest.json">

Here is an example manifest.json for ArOZ Online Audio module.

{
  "name": "ArOZ Audio",
  "short_name": "AudioA",
  "icons": [{
    "src": "img/pwa/128.png",
      "sizes": "128x128",
      "type": "image/png"
    },{
      "src": "img/pwa/192.png",
      "sizes": "192x192",
      "type": "image/png"
    }, {
      "src": "img/pwa/256.png",
      "sizes": "256x256",
      "type": "image/png"
    }, {
      "src": "img/pwa/512.png",
      "sizes": "512x512",
      "type": "image/png"
    }],
  "start_url": "index.php?mode=pwa",
  "display": "standalone",
  "scope": "./",
  "background_color": "#f7f7f7",
  "theme_color": "#4286f4"
}

And here are the image files included in the img/pwa/ directory.