Why my forum not pop-up "Add to Home screen"(PWA) automatically?

Product Support

AI-generated summary

The discussion revolves around enabling the “Add to Home screen” feature for a Progressive Web App (PWA) on a Discourse forum. Lee533 is having trouble getting the feature to work automatically on their Android device using Chrome.

codinghorror points out that the site is not using HTTPS, which is required for the feature to work. Falco suggests running ./discourse-setup again and providing an email for Let’s Encrypt, but Lee533 encounters an error.

To resolve the issue, Falco advises editing the app.yml file to uncomment the necessary templates and provide a valid email address. pfaffman notes that editing app.yml manually can be fragile and may cause issues.

After making the necessary changes, Lee533 still encounters issues, and Falco identifies two reasons: the absence of logos in the wizard and the incorrect settings for the native app install banner. To resolve the issue, Falco recommends uploading logos in the wizard and disabling the native app install banner in site settings.

1

This is my forum, and when I using Android version Chrome to visiting it, it isn’t pop-up “Add to Home screen” automatically. So, how to let it pop-up automatically?

Thanks.

2

It is not https for one thing and that is required for it to work..

3

Run ./discourse-setup again and provide an email for Let’s Encrypt when asked. After the site is back up, visit the wizard and upload all necessary logos.

4

When I run ./discourse-setup again and provide an email for Let’s Encrypt, it shows:

Let's Encrypt will be enabled for tricklehub@gmail.com
LETSENCRYPT_ACCOUNT_EMAIL change failed.
web.ssl.template.yml NOT ENABLED--was it on already?
letsencrypt.ssl.template.yml NOT ENABLED -- was it on already?

Unfortunately, there was an error changing

-d This may happen if you have made unexpected changes.
5

Looks like ./discourse-setup can’t handle that.

So you will need to edit the app.yml.

cd /var/discourse
nano containers/app.yml

Remove the # in the start of the lines that mention one of the following (they should be at the top of the file)

  • web.ssl.template.yml
  • letsencrypt.ssl.template.yml

Also remove the # in the line that mentions Let’s Encrypt email, and put a valid email in the front.

After that running a ./launcher rebuild app should do it.

6

Should this work @pfaffman?

7

It’s a little fragile. My best guess is that he first uncommented those templates by hand, but didn’t set the let’s encrypt email address. Mostly, if you edit app.yml, yourself you’re on your own, especially if you break something.

Edit: I presume “this” means discourse-setup.

8

So a part of this guide is wrong, you don’t need to edit this:

- "templates/web.template.yml"

9

It tries to tell you not to follow the guide because you’ll likely do it wrong and to instead do it the easy way.

And now it says

10

@Falco Wait, it still not pop-up “Add to Home screen” automatically.

Screenshot_2019-03-21-08-42-41
Screenshot_2019-03-21-08-42-411080×2160 127 KB

11

That happens now for two reasons:

  1. You didn’t upload logos in the wizard. Please visit https://discussions.tricklehub.com/wizard and fill all the logos. In special, the large logo is mandatory.

  2. You did check native app install banner in the site settings. Disable that for the PWA install banner.