hub.eb?material_id=439&track_id=438

Introduction to the PWA Entity


Creating a PWA is as simple as adding a Progressive Web Application entity to your project. The Progressive Web Application entity creates the manifest and configures the service worker resulting in a styled and functional PWA.

To add a Progressive Web Application entity, Right click in the Entities panel and select New > Progressive Web Application. A screenshot of a configured PWA is given below:

The Application Information section is used to configure the manifest. It contains the following options:

  • Name the full name of the PWA.
  • Short Name used when there is insufficient space to display the full name, for example on the Home Screen of a mobile.
  • Splash Screen Color the background color of the splash screen displayed during loading
  • Theme Color displayed in various places on a mobile or other device. This is usually the primary color of the application.
  • Associated Forms used to specify which forms will trigger an install. When one of these forms is visited by the user, the PWA will be installed to their device.

The Resources section is used to configure the service worker and its behaviour. The following options are available:

  • Service Worker the JavaScript file to use as the service worker. Verj.io Studio supplies a service worker and using this is recommended for most users.
  • Start Form the first form the user will see when launching the PWA.
  • Additional Script an optional script that can be called by the service worker. This may be useful for customising the Verj.io service worker.
  • Error Page the form shown when a form not present in the cache is requested whilst offline
  • Icons image assets in varying sizes used for the Splash Screen and displaying on the mobile device's Home Screen. Icons must be in PNG format.
  • Offline Resources used to configure which resources are available offline and, optionally, which online resource they substitute if the online resource is unavailable. The Start Form is automatically made available offline.

Current Module

Related