I've made a PWA and it is passing all LightHouse factors. Even AddToHomeScreen popup is showing when visiting the website, but when you add it to your home screen it's not showing in the app drawer and has a chrome badge on it's icon. I don't have any other idea what to do. Service worker is registered, Different icon sizes are registered, maskable icons registered, Webmanifest is correct. What should i do?
2 Answers
Problem solved. As it seems there is some sort of server side checking in chrome which tests your PWA before adding to home screen and as a result of being in Iran which is sanctioned, those tests fail and result in not a valid PWA. You just need to change your ip and install the PWA and everything would be fine.
For a proper install on android, a WebAPK bundle need be generated from your PWA. That is done by Chrome through google services behind the scene. If for any reason (proxy or else) those services can not be reached, the webAPK will not be generated. and instead you end up with a shortcut to your site on the home screen.
You can find more details about the problem here: WebAPK creation failures on Android over VPN
for more on WebAPK see : https://developers.google.com/web/fundamentals/integration/webapks