0

How to create a progressive web app with zk

asked 2020-10-20 22:59:02 +0800

RomanZK gravatar image RomanZK
1 1

Is it possible to create a progressive web app (PWA) with zk ?

Kindly share tutorials if available.

delete flag offensive retag edit

1 Reply

Sort by ยป oldest newest

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

hawk gravatar image hawk
2690 1 5
http://hawkphoenix.blogsp... ZK Team

updated 2020-10-22 13:01: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. be 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.

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2020-10-20 22:59:02 +0800

Seen: 8 times

Last updated: Oct 22

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More