How to create a progressive web app with zk

answered 2020-10-22 12:58:37 +0800

hawk
3250 ● 1 ● 5
http://hawkphoenix.blogsp...

updated 2022-09-12 14:37:56 +0800

PWA represents a new philosophy for building web apps. It's not created by a single technology. You can make your web apps more like PWA by matching a set of criteria. Please refer to https://developer.mozilla.org/en-US/docs/Web/Progressivewebapps/Introduction

What makes an app a PWA?

The simplest thing is to provide a manifest.json. There is a tool to verify your web application for PWA: https://developers.google.com/web/tools/lighthouse/

To build a PWA, some criteria are not related to ZK e.g. serve with HTTPS. Some are related e.g. being responsive. So you can start from the simplest thing and then gradually turn your web apps more like a PWA.

But I think the hardest part is to make a zk-based application available offline. Because ZK components will communicate to a server by default when end-users interact with components. Below is an example, but you need to handle the offline process by yourself. And it only works for <fragment>. https://blog.zkoss.org/2017/07/06/zk-8-5-preview-the-offline-recovery-feature-of-fragment-component/

For other criteria, I think ZK doesn't prevent you from implementing them.