["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.

![](img/9/0.png)

## Support PWA Mode
To support PWA Mode, you will need some extra lines of code and a file named <code> manifest.json</code> according to [Google's defination](https://developers.google.com/web/fundamentals/web-app-manifest/).

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 <code> manifest.json</code> 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.

![](img/9/1.png)