Introduction
Progressive web application (PWA) is a type of application software that is delivered through the web, built by using common web technologies that include HTML, CSS, and JavaScript. The whole intention of this is to make sure that the application can work on any platform that uses a standards-compliant browser.
Here in Joget, the platform also supports this PWA feature by allowing end-users to install app created using Joget and the app that is installed will have many captivating features for the users.
Installing an app
Joget allows users to install their app through their browsers.
Compatibility
| Feature / Device | Chrome Browser on Android | Chrome Browser on IOS | Safari Browser on IOS | Joget Mobile App on Android | Joget Mobile App on IOS |
|---|---|---|---|---|---|
| PWA Offline Storage and Sync | Yes (15 May 2020, Android 9) | No (15 May 2020, iOS 13.1.2 iPhone X) | Yes (15 May 2020, iOS 13.1.2 iPhone X) | Yes | Not Supported |
| PWA Push Notification | Yes (15 May 2020, Android 9) | No (15 May 2020, iOS 13.1.2 iPhone X) | No (15 May 2020, iOS 13.1.2 iPhone X) | Not Applicable | Not Applicable |
| Native App Push Notification | Not Applicable | Not Applicable | Not Applicable | Yes | Yes |
PWA Properties
There are multiple ways to configure the PWA properties of the application. One of them is to configure it through the advanced tools in the userview builder.
1. Select Advanced Tools in the userview builder.
2. Choose the element you wish to configure PWA settings for. In this case, we are using the Manage My Vendor Details CRUD element and click on the edit button.
3. Select the Performance & Offline settings and you will be able to see the PWA offline settings.
Edit PWA Offline Settings
| Name | Description | Screen ( Click to view ) |
|---|---|---|
| Enable cache for offline support | This option allows users to cache for offline support for userview elements. |
|
| Cache list actions (Non post action) | This option allows users to cache datalist actions but it does not include any POST actions. | |
| Cache all datalist links in first page | This option allows users to cache all the datalist links in the first page so that users will still be able to view the datalist even though they are offline. |
Progressive Web App (PWA) Settings
Users can access this setting by going through the settings tab in the userview builder.
1. Click on settings.
2. Click on Theme and then click on Progressive Web app (PWA) Settings.
Progressive Web App (PWA) Settings
| Name | Description | Screen ( Click to view ) |
|---|---|---|
Disable Progressive Web App (PWA) Support | This option allows users to disable PWA Support. |
|
| Disable Web Push Notifications | This option allows users to disable Web Push Notifications. | |
| Additional URLs to Cache | This option allows users to cache additional URLs that are relative to the Context Root. |
The PWA can also support multiple plugins such as User Notification Plugin which is available in the Plugin Default Properties and Push Notification Plugin which is available in the Joget Marketplace.