Provide a PWA install button/mechanism

[marcushellberg]

As noted in #5530, the current PWA install-prompt is intrusive.

It would be better if we could help developers create a similar install experience as TaskMob: an install button that triggers the browser install prompt. With this, we could remove the unprompted install popup.

[heruan]

Any update on this?

[pleku]

@heruan not yet, but I think this, #5530 and #6449 are not huge efforts and should get some attention. I'll get the design progress ongoing.

[heruan]

Thanks @pleku! Hope to see developments soon.

[jouni]

If you have a Prime subscription, you can use this: https://vaadin.com/directory/component/vaadin-component-factoryvcf-pwa-install-button

As a side note, the future of the “in-app install button” is currently quite uncertain, as both WebKit/Apple and Firefox/Mozilla are unwilling to implement the beforeinstallprompt event: w3c/manifest#835

[heruan]

Thanks @jouni! But does this replace the default prompt which appears when using @PWA? That is the one being very intrusive, why just not setting a cookie to not display it again?

[jouni]

No, the pwa-install-button does not disable the built-in prompt. You can disable that with @PWA(enableInstallPrompt = false).

I added my solution proposal how to quickly improve the built-in prompt: #5530 (comment)

[mrrenealvarenga]

Any updates on this at the moment?

[pleku]

The HTML API beforeinstallprompt that is a basis for this feature, has been removed from the spec w3c/manifest#835 as Safari and Mozilla will not implement it. This means that the only way to install the app will be by "from UI provided by the browser", not the app/website.

So as this feature would not be supported in all browsers, I don't see how we could add it to the framework. In case someone wants to use it for Chrome (it still works there), they can do so and anyone is free to contribute an add-on to directory for this.