CODEWITHSUNDEEP
ionic-frameworkprogressive-web-apps
TexasT
TexasT

Reputation: 53

Ionic PWA "Add to homescreen" not working

I followed the beginner article for building Ionic PWAs: https://www.joshmorony.com/the-bare-necessities-progressive-web-apps-in-ionic/

  1. At what point should I see the "add to homescreen" option? I hosted the contents of the www folder on a development server with an SSL connection and domain name. The app works great, but I don't get presented with the homescreen option.

  2. When setting the option for "display":"fullscreen" in the manifest.json, shouldn't the browser address bar disappear when accessing the web url of the hosted application?

Thank you in advance!

Upvotes: 1

Views: 3588

Answers (1)

Joshua Richards
Joshua Richards

Reputation: 676

Okay, I got this working.

  1. Make sure your on https and have a valid ssl cert
  2. If your app is in a sub-directory, you need to add a scope parameter to your manifest (this is why mine wasn't triggering) and you need to start_url parameter should reflect that as well

Test te app in browser first: https://developers.google.com/web/fundamentals/app-install-banners/

Let me know how that goes!

Upvotes: 3

Related Questions