Home Assistant #48: Comenzamos la integración con las pantallas Nextion

Hoy quería comenzar con uno de los tutoriales que más ganas tenía, el usar la pantalla Nextion que recibí para poder usarla en Home Assistant. Este es el primero de varios tutoriales, en los que paso a paso os enseñaré lo que voy aprendiendo con las pantallas para que podamos montar un interfaz atractivo para nuestro sistema.

Es cierto que Home Assistant permite usar un móvil o una tablet, pero, desde hace tiempo, quería poder usar una de estas pantallas para poder crear mi propio interfaz. Hasta el momento todo lo que he visto con ellas, me encantan.

Este tutorial está más pensado para que lo veáis en el vídeo de Youtube para haceros una idea y después os dejaré los recursos y código que voy usando. En los siguientes, será algo parecido, os enseño en vídeo cómo hacerlo y cómo funciona y os dejaré el código listo para que lo reutilicéis.

Vídeo del tutorial para usar las pantallas Nextion con ESPHome y Home Assistant

Para los que queréis empezar a jugar, os voy a dejar el código que habéis visto en pantalla, en el se trae los datos de un pequeño sensor y usa un switch.

Compra

Si no tenéis ninguno de los dispositivos, podéis mirar para comprar, tanto la pantalla como el ESP32:

• Pantalla Nextion aquí o aquí.
• ESP32 aquí

Nextion Editor

Antes de nada, para poder trabajar con el editor de Nextion, necesitaréis bajarlo de aquí. Si estáis en Windows no tendréis problemas, si estáis en Linux, podéis usar Playonlinux para instalar la 0.53, aunque, pude llegar a instalar la 0.58. Si os interesa, pedidlo en los comentarios y busco el script que usé.

ESPHome

He usado un ESP32 para poder trabajar, aunque, se puede usar un ESP8266. Este es el código que he usado y que llevo para poder ver un valor de un sensor y manejar un interruptor:

esphome:
  name: nextionesp32
  platform: ESP32
  board: esp-wrover-kit

wifi:
  ssid: "WIFI"
  password: "clave"


  # Enable fallback hotspot (captive portal) in case wifi connection fails
  ap:
    ssid: "Nextion32 Fallback Hotspot"
    password: ""

captive_portal:


# Enable logging
logger:
  baud_rate: 0

# Enable Home Assistant API
api:

ota:

uart:
  rx_pin: GPIO16
  tx_pin: GPIO17
  baud_rate: 9600

sensor:
  - platform: homeassistant
    entity_id: sensor.0x00158d0001f521ff_temperature
    id: temperatura1
    
binary_sensor:
  - platform: homeassistant
    id: wcedu22
    entity_id: switch.luz_wcedu
    
  - platform: nextion
    page_id: 0
    component_id: 3
    id: luz1
    on_press:
      then:
        - homeassistant.service:
            service: switch.toggle
            data:
              entity_id: switch.luz_wcedu

globals:
 - id: first_page             # First page of the display?
   type: bool
   restore_value: no
 - id: display_on             # Is display on?
   type: bool
   restore_value: no

display:
  - platform: nextion
    id: tft22
    update_interval: 5s
    lambda: |-
      if (id(wcedu22).state) {
         it.send_command_printf("luz1.pic=2");
      } else {
         it.send_command_printf("luz1.pic=1");
      }
      
      it.set_component_text_printf("temperatura","%.1f",id(temperatura1).state);

En él, tendréis que cambiar algunas cosas como son:

• Datos de la WiFi
• sensor.0x00158d0001f521ff_temperature : Este es un sensor de mi sistema, usad otro del vuestro
• switch.luz_wcedu: es un interruptor de mi sistema, cambiadlo por algo vuestro
• Los IDs y nombres de vuestra pantalla Nextion

Una vez que cambiéis lo que hay que personalizar, debería poder funcionar. Si no os va, ya sabéis, podéis preguntar por los comentarios o en Telegram.

Listado de tutoriales de Nextion y Home Assistant

Habéis sido muchos los que habéis pedido que los tutoriales incluyan la forma de localizar otros tutoriales del mismo tipo, por lo que he pensado que podría ayudar hacer una tabla como esta:

Seguiré ampliándola conforme vaya publicando nuevos tutoriales.