node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

No screenshot in manifest, PWA install as app is not available

Open seb976 opened this issue 10 months ago • 3 comments

Current Behavior

I tried to install dashboard as PWA on android, but i do not see the install as app option. In chrome devTool => Application => Manifest , i have this warning :

Image

It seems that there is a screenshot section missing in the manifest, which prevents me from installing the dasbboard as an application on android.

Expected Behavior

Install app section available in chrome on android. No warning for missing screenshot section in manifest.

Steps To Reproduce

chrome devTool on dashboard => Application => Manifest

warning for screenshot missing

Environment

  • Dashboard version: 1.22.1
  • Node-RED version: 4.0.9
  • Node.js version: 20.18.3
  • npm version: 10.8.2
  • Platform/OS: ubuntu
  • Browser: chrome

Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

seb976 avatar Mar 10 '25 09:03 seb976

You must access the dashboard using https in order to install it as an app. That is what the error about needing to be secure means.

colinl avatar Mar 10 '25 10:03 colinl

I also think the https connection should be setup using trusted certificates (e.g. Letsencrypt), so it will not work with self signed certificates. Which is one of the reasons I started using Tailscale...

bartbutenaers avatar Mar 10 '25 11:03 bartbutenaers

Hmmm, the spec says the screenshots are optional: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest/Reference/screenshots

If you're able to access via HTTPs and verify if that issue is still blocking, please let me know. I'd have suspected we'd see many other reports if that was the case.

joepavitt avatar Apr 02 '25 16:04 joepavitt

I think this can be closed now.

colinl avatar Nov 24 '25 11:11 colinl