PWA support

[jdaviescoates]

@girish said in PWA support:

It installs an icon of humhub with firefox icon at the bottom corner in the home screen. When clicked it opens a full page humhub (i.e without browser's navbar etc).

Interesting. Firefox didn't work for me at all on https://vive.transitiontogether.org.uk/ but it worked fine on Chrome.

[girish]

@jdaviescoates For me, your site worked as well. I hope we are talking of the same thing, so here's some screenshots:

First, I add like:

Then, it appears on desktop:

Which when clicked, shows the app:

I am on Firefox 120.0 / Android 11 if that matters...

[ccfu]

Yes, that is what Chrome calls "Add to Homescreen". I also get that on my instance, but it is not actually installing as a PWA. As with @jdaviescoates on https://vive.transitiontogether.org.uk/ the install button on Chrome installs HumHub as a web app, on firefox it wants to add it as a shortcut. It will appear full screen but runs in the browser that created the shortcut (hence the Firefox logo on the icon). Maybe this is what humHub is supposed to do then and Firefox just doesn't support the configuration.

[jdaviescoates]

@ccfu said in PWA support:

on firefox it wants to add it as a shortcut. It will appear full screen but runs in the browser that created the shortcut (hence the Firefox logo on the icon). Maybe this is what humHub is supposed to do then and Firefox just doesn't support the configuration.

Even that doesn't happen for me with Firefox

But yeah I think maybe that's just how it is

[ccfu]

@jdaviescoates @girish
Just to follow up on this: To test I installed humhub in a LAMP app and the PWA app works as intended in both Chrome and Firefox so it must be something to with the way Cloudron installs the app.

[girish]

@ccfu You explained a bit here - https://forum.cloudron.io/post/78468 but what exactly should I be looking for to test PWA? Will it look different than the screenshots I posted earlier?

[ccfu]

@girish
When PWA is working as intented the menu gives you the option to install as an app (shown here in Chrome):

It is then added to the app drawer and no longer runs in the browser. If you open the site in the browser the menu gives you the option to open in the app (shown here in Firefox):

[girish]

@ccfu perfect, thanks, let me test.

[girish]

@ccfu said in PWA support:

It is then added to the app drawer and no longer runs in the browser.

So, this is how it behaves for me already. Except, I don't get 'Install App', I get 'Install' . When I launch the app from the app from my homescreen , it is not run as part of browser, it is a separate thing. It also gets the icon of our humhub instance in the "apps" overview when running.

How does the icon look on your homescreen with firefox?

With chrome, I get

[girish]

@ccfu are you able to install it on the demo so I can try to understand what is different ? https://my.demo.cloudron.io (username / password: cloudron)