Progressive Web Applications are rich web apps that support the technology, design concepts, and Web APIs that work in tandem to provide an app-like experience on the web. They can receive Push messages, work offline, added to the home screen & perform like apps.

This is the sample that demonstrates how the Kony Web Application output implements support for Progressive Web Application capabilities.

Importing the Progressive Web Sample:

Download the Marketplace Asset.
Log on to your Kony account. The Dashboard page appears by default.
Select Apps on the Left Menu
Click on the Import button
Now, drag & drop or browse the asset to Import.

Publishing the App:

Once the App is published click on it to view the App Details.
Select the Publish Tab.
Now select your Fabric runtime where you would like to Publish the Web App and click on the Publish button.
Once the App is published, you will receive an email on your registered account with the Web App URL to use.

Using Lighthouse:

In a Chrome browser, download & install the Lighthouse extension.
Once the URL is loaded on the browser, select the lighthouse extension and click on Generate Report.
This would generate the report with the Progressive Web App audit and score.

Lighthouse (https://developers.google.com/web/tools/lighthouse/) was used to evaluate the Progressive Web App Score against the Baseline Progressive Web App Checklist.

Features implemented to enable Progressive Web Apps:

Service Workers: This app has the capability to register for a service worker and can load pages and work offline.
Site is Served over HTTPS
The Web Application is Responsive and web pages are designed to be Mobile & Tablet friendly.
App can prompt user to add to Home Screen.
The first load is fast but may differ based on the amount of resources being packaged on the initial screen.
Site works across browsers
Content is sized correctly for the View Port

In addition to these features, the Kony Web App Output can support features like SEO, animations, gestures and accessibility to improve the overall usability & discoverability of the application.

HCL Marketplace

New Assets, New Possibilities

Faizan Khalidi

Progressive Web App Exa...

By: Faizan Khalidi