esphome integration to homeassistant about smart-home

[undefinedTea]

awesome, thanks for this! i was looking at master which did not have the env variables or labels on the container or maybe i just missed them, but it all makes sense now. closing 😊

[bachya]

Hi! Thank you for your kind words. Can you explain a little more what you're looking for? I'm not sure what you mean by "supervisor like experience."

[undefinedTea]

Sure. So when you run HomeAssistant OS for instance you get their supervisor, right - which let's you install things like and mqtt broker and esphome for example. When you do that you get a esphome dashboard inside homeassistant if you know what i mean.
My understanding is that it should be possible to get the same functionality with a docker version of homeassistant and esphome (both of which you have here), but how is that achieved? Like what do you configure in homeassistant after the containers are up to get the esphome dashboard there where you can OTA flash and all that there if that makes sense?

Maybe I am still explaining this poorly, but this is the end result I am hoping to achieve somehow if it is possible: https://esphome.io/guides/getting_started_hassio.html / https://youtu.be/7R30c-H8Rro?t=203

[bachya]

Got it! Thanks for the clarity. So, the goal is to have HASS and ESPHome as separate Docker containers, but have the ESPHome dashboard as an icon you can click in the HASS interface:

Here's the process I followed:

1. Create a HASS container, an ESPHome container, and a Traefik container to act as the proxy in front of them.
2. Notice how I've defined the USERNAME and PASSWORD environment variables for the ESPHome configuration. This is crucial: since Traefik is now ostensibly exposing your ESPHome to the world, we want to have credentials to protect it.
3. I add an iFrame panel to show ESPHome in the HASS UI (here). Note that this file is included in configuration.yaml.

This effectively replicates the HASS OS experience with one slight difference: the ESPHome dashboard is accessible as-is through the URL defined in Traefik. This is either a benefit or a drawback, depending on your thinking, but either way, something to be aware of.