Lovelace

The Lovelace adapter brings the Home Assistant interface to ioBroker. It is natively compatible with phones, tablets, and computers, has a built-in editor that lets you see what you're building, and a wide selection of pre-made maps .

The adapter is one of the most active visualizations in the repository and is continuously maintained.

How does that fit together?

Home Assistant doesn't use data points, but rather entities . An entity is usually an entire device and carries an identifier of the form...domäne.name , approximatelylight.wohnzimmer The domain determines how the map behaves: alight gets a brightness control, acover Arrows for driving.

In ioBroker, a device consists of several data points. The adapter uses these to assemble the entities and presents the interface with a Home Assistant environment that doesn't actually exist.

That's precisely why preparation is more important than design. If you've set up your equipment properly, you've already done half the work.

Where the entities come from

The recommended method is automatic detection. The adapter uses the same detection method as...iot and the Devices adapter. Anything that appears as a device there also appears in Lovelace.

Only devices with assigned space and function are recognized. If either is missing, the adapter ignores the device. This is the most common reason for a blank interface.

The Devices adapter is the interface for this detection process. The adapter's instructions explicitly recommend installing it: It shows which devices are detected and allows you to select an existing object for each data point of a device. Roles and types are automatically set correctly, enabling the detection to work.

The second method is configuration at the object level. Lovelace can be enabled in the settings of a data point, and a domain and its name can be specified. For simple cases such as...input_boolean orinput_number That's sufficient. For multi-part devices, you select the data points for each task from selection fields.

For multi-part devices, the object to which the setting is attached is only the anchor : It gives the entity an identifier and name; its own value is not read. The values come from the selection fields.

What can be depicted

In addition to switches and measured values, the adapter also knows, among other things...light ,cover ,climate ,lock ,media_player ,vacuum ,humidifier ,water_heater as well as device_trackerandperson for presence and location on the map. This also includes special cases such as alarm systems, timers, weather, and video.

For devices that are not available in ioBroker, such as an alarm system, the adapter's instructions show a small script that creates the appropriate data point.

Furnish

  1. The adapterlovelace Install in the Adapter tab and create an instance.
  2. Maintain rooms and functions in the Categories tab, if not already done.
  3. Access the interface. Lovelace comes with its own web server , usuallyhttp://<adresse>:8091 .

Aweb Therefore, an adapter is not needed. Login and encryption can be enabled within the instance.

On the go

Three ways, in the order in which the adapter's instructions list them:

  • VPN to your own network.
  • Open the port to the outside , with built-in login and encryption.
  • Via the ioBroker cloud. This builds thecloud The adapter establishes the connection from the inside out, so nothing is open. This is particularly helpful for connections without their own public address (Dual Stack Lite). To achieve this, the Lovelace instance is selected in the cloud adapter configuration; it then appears on iobroker.pro under the applications.

When using the cloud , encryption and login are disabled in the Lovelace instance. Both are handled by the ioBroker account.

The approach via the cloud is described in detail under Visualizations via the Cloud .

Design

The editor is integrated into the interface and is opened via the pencil icon in the upper right corner. Maps are selected and arranged with the mouse; a YAML editor is available for more detailed adjustments. For those who want more, the Home Assistant ecosystem offers many custom maps and themes that can be used in ioBroker.

The complete description with all maps, themes and settings can be found in the adapter's documentation .

Further information