The current web_server interface is ok for toggling things on and off and reading some sensors, but it’s not looking good nor is it very user friendly.
So I created a dashboard, which shows your device data and actions at your regular esphome-device.local:80 - only nicer. And it is a PWA, so each device can be installed on any smart device and accessed via dock or app shortcuts.
No extra components needed, just add in your YAML:
and it loads CSS and JS from an external server, so the ESP’s storage doesn’t suffer any.
installed like a native OS app
Has the same functionality you expect…
… with some extra like light color, etc.
Please Consider sponsoring me Sponsor @velijv on GitHub Sponsors · GitHub || paypal.me/velijohan so I can finish it and provide it for all y’all, and add extra features, like an actual color picker, charts for sensor history, etc.
This will make your ESP device a fully featured app that works and looks nice. No Home Assistant needed for some devices. Even your mother can use it.
Really neat, I’m gonna try this out now. I’ve been working on something that I think could use this…
You enable web server in your esp yaml, then use the js and css options it looks like
Where are these JS/CSS files?
Web server works with no options, but when I add the
css_url: css.css js_url: js.js lines, I just get a white screen… no luck yet.
the author says they are pulled from another server. Lemme know if you get it to work!
Somewhere we need the original files to host on a site or Lokal network location to let it work?
He is working on it then will release the files.
Ah ok! I’m excited to try it out.
I threw you a few bucks because I’m excited to see! Considering monthly if I were to use this on my devices for my clients.
Thank you! I will definitely consider it, because it needs to be hosted (icons, and web app manifest, which can’t be uploaded to the esp…, the css/js as well, which can be self-hosted locally but not for clients). Monthly would cover server costs at least hopefully. I will PM you a beta version link for testing as soon as i update some
One major hurdle for client work - as they might not want to hack with chrome://flags - is that since esphome is not served over https, you need to manually add each “insecure” device as “secure” in browser to allow installing… also web service workers wont install from another domain, and i can’t add them to the esp, since it only allows one js file.
We’d prefer selfhosting.
Either way the ESP can proxy the JS from another domain so it’s OK.
ok, gotcha. It would be nice to have a gorgeous web server natively!
it looks great! Is it still alive? If I add the code, I only get a blank page.
Same. Looking forward to seeing it
@veli Can you give us an update?
If it finds your device is a camera, it embeds the snapshot
This can be expanded to stream on click
OTA is a proper dialog now
As are confirmation actions
Push notifications for important stuffs
Which create an installed app badge when sent (red dot with number)
And I found a way to spam local network to find other ESPHome devices, even when they are password protected. So this is a nice list you can acces:
To-do: background still get data and alerts if app is closed.
Im unemployed, out of funds, and will open some basic parts of it. Considering the too much time and amount of work put into it i will make it a paid service / product.
It looks really good. But it don’t work for me. I add the code für js and css. But it don’t show me the new page. It still shows me a blank page. Do I anything wrong?
It’s not released yet, work in progress