Progressive Web Apps support (Angular)

Progressive Web Apps support

Progressive Web Apps support in Radzen Angular applications is enabled out-of-the-box and can be configured using client\src\ngsw-config.json:

The config file is written only once and Radzen will not override your changes on subsequent builds. If you delete the file Radzen will generate it.

Runtime data caching

To enable runtime data caching you can add dataGroups in the ngsw-config.json file. For example different strategies for Radzen application with MS SQl Server, MySQL, Oracle or PostgreSQL data-source

Freshness strategy

"dataGroups": [{
      "name": "api-freshness",
      "urls": [
        "/odata"
      ],
      "cacheConfig": {
        "strategy": "freshness",
        "maxSize": 100,
        "maxAge": "3d",
        "timeout": "10s"
      }
    }
  ]

OR

Performance strategy

"dataGroups": [{
      "name": "api-performance",
      "urls": [
        "/odata"
      ],
      "cacheConfig": {
        "strategy": "performance",
        "maxSize": 100,
        "maxAge": "3d"
      }
    }
  ]

Runtime data caching will take effect only when application is deployed (build in production mode).

PWA can be installed also if the application is deployed to safe host (https or localhost).