Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Introduction

English
In layman's terms, Progressive Web Application (PWA) is a type of application software that is easily installable directly via the web browser, that offers a native-like app experience to end users regardless of device variants.

PWA promises many key capabilities as compared to regular web applications, such as:

...

Read here for full details about PWA and its benefits: https://developers.google.com/web/updates/2015/12/getting-started-pwa
As a brand new feature of 
Since Joget DX 7, Joget apps support PWA features applications have supported PWA capabilities by default.

Installing an app

Image RemovedImage Added

Joget allows users to easily install apps into mobile devices through compatible browsers.

...

PWA Properties

Most userview UI menus support offline caching.
To configure them, you can directly edit the userview UI menu, or via the Builder Advanced Tools in the userview UI builder.

Image RemovedImage Added

1. Select Advanced Tools in the userview UI builder.


Image RemovedImage Added

2. Edit the userview UI menu you wish to configure PWA settings for.


Image RemovedImage Added

3. Scroll down the Properties to select "Performance & Offline" tab, and you can configure PWA offline settings here.

...

Edit PWA Offline Settings

Image RemovedImage Added

NameDescription
Enable cache for offline support

This option allows users to cache for offline support for userview UI elements.


Scope: Available in all Userview UI Menu

Cache list actions (Non POST action)

This option allows users to cache datalist list actions but it does not include any POST actions.

Scope: Only available in Userview UI Menu that makes use of Datalist List such as CRUD, List, Datalist List Inbox

Example of what will be cached: 

1. New Button in CRUD

Example of what will NOT be cached:

1. Delete Button in CRUD

2. JDBC Datalist List Action in List / CRUD

Cache all datalist links list  links in first page

This option allows users to cache all links found on the first page of the datalist List links when they are offline. (i.e. Hyperlink Datalist List Action)

Scope: Only available in Userview UI Menu that makes use of Datalist List such as CRUD, List, Datalist List Inbox

Example of what will be cached:

1. Hyperlink Datalist List Action in List / CRUD

Note
iconfalse
titleHow to Check What is Being Cached?

If your runtime URL is http://localhost:8080/jw/web/userviewUI/leaveApp/v/_/welcome, you can change "welcome" to "cacheUrls" in order to see the list of URLs that will be cached.

...

Users can access this setting by going through the "Properties" tab in the userview UI builder.

Image RemovedImage Added

1. Click on Properties and then click on Theme.


Image RemovedImage Added

2. Click on Progressive Web Application (PWA) Settings.

...

Progressive Web App (PWA) Settings

Image RemovedImage Added

NameDescription

Disable Progressive Web App (PWA) Support

If checked, this will disable PWA support for the current app.
Disable Web Push NotificationsIf checked, this will disable Web Push Notifications.
Additional URLs to CacheThis option allows users to cache additional URL(s) that is relative to the Context Root.

...