Hass.io <> Home Assistant integration development

These steps will help you connect your local Home Assistant to a remote Hass.io instance. You can then make changes locally to either the Hass.io component or the frontend and test it out against a real instance.

For this guide, we're going to assume that you have an Hass.io instance up and running. If you don't, you can use the generic installation method to install it inside a virtual machine.

API Access

To develop for the frontend, we're going to need API access to the supervisor.

For some API commands you need explicit the Home Assistant API token, but 99% of the functionality work with Remote API proxy. This token change sometimes but you can read the current legal token on host system with:

$ docker inspect homeassistant | grep HASSIO_TOKEN

Having Home Assistant connect to remote Hass.io

The connection with the supervisor is hidden inside the host and is only accessible from applications running on the host. So to make it accessible for our Home Assistant instance we will need to route the connection to our computer running Home Assistant. We're going to do this by forwarding the API with "Remote API proxy" add-on.

First, make sure Home Assistant will load the Hass.io component by adding hassio: to your configuration.yaml file. Next, we will need to tell the local Home Assistant instance how to connect to the remote Hass.io instance. We do this by setting the HASSIO and HASSIO_TOKEN environment variables when starting Home Assistant. Note that the HASSIO value is not the same as the one that we saw above and the HASSIO_TOKEN is available inside log output of "Remote API Add-on" (This changes every restart of the add-on!).

HASSIO=<IP OF HASS.IO>:80 HASSIO_TOKEN=<VALUE OF HASSIO_TOKEN> hass

Voila. Your local Home Assistant installation will now connect to a remote Hass.io instance.

Frontend development

tip

This requires Home Assistant 0.71 or later.

We need a couple more steps to do frontend development. First, make sure you have a Home Assistant frontend development set up (instructions).

Update the Hass.io component configuration in your configuration.yaml to point at the frontend repository:

# configuration.yaml
hassio:
development_repo: /home/paulus/dev/hass/home-assistant-polymer

To build a local version of the Hass.io panel, go to the frontend repository and run:

cd hassio
script/develop

Now start Home Assistant as discussed in the previous section and it will now connect to the remote Hass.io but show your local frontend.

Once you have script/develop the hassio panel will be rebuilt whenever you make changes to the source files.