PWA support

[ccfu]

I also understood that it should work by default and I have just checked and see that the service worker is in fact both registered and active. Strangely I don't get the option to "install app" on my phone though, which is what made me wonder.

[jdaviescoates]

@ccfu said in PWA support:

Strangely I don't get the option to "install app" on my phone though

Even when you look in the menu?

In Firefox on Android I see this when using https://vive.transitiontogether.org.uk/ which is an instance of HumHub managed by @Sam_uk :

Edit: although, actually, nothing seems to happen when I choose Install from the menu

Update: it did work when using the Chromium-based default /e/ OS browser

[ccfu]

@jdaviescoates I have only tried it with the Chrome browser on Android and only see Add to Home screen as an option in the menu. I'll try another browser.

Edit: It works with Chrome and https://vive.transitiontogether.org.uk/. I am now thinking that it might be a cache issue because a different site was using the domain before the HumHub instance was installed.

Thanks for confirming that it should work as expected.

[ccfu]

I tried the Firefox browser on my phone and the situation is the same. I really cannot understand why this isn't working. The service worker is active but the browser is somehow getting the information that no PWA is configured. Maybe I'll just try reinstalling, though I didn't confiugure anything on setup that could have changed any defaults.

[nebulon]

Have you tried chrome as well? Maybe the firefox implementation is not up to speed for this usage or upstream needs to provide some quirks for firefox to work.

[ccfu]

@nebulon Yes, I tried Chrome first and then installed Firefox to see if chrome was the problem.

[jdaviescoates]

perhaps @Sam_uk did something to make it work?

[ccfu]

Also a possibility of course. @Sam_uk A quick feedback would be greatly appreciated.

[girish]

@ccfu I installed a fresh instance at https://humhub.demo.cloudron.io . I see the Install menu in my Android Firefox. I also checked our internal HumHub instance and that also shows Install menu.

[jdaviescoates]

@girish said in PWA support:

I see the Install menu in my Android Firefox.

But presumably it doesn't actually work?

[girish]

@jdaviescoates said in PWA support:

But presumably it doesn't actually work?

I went back and checked. 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).

[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