Home Assistant #49: Traemos el dato de un sensor a una pantalla Nextion

Continuando con la serie de tutoriales de Nextion, hoy os traigo un pequeño tutorial para poder traer a la pantalla el dato de un sensor. Por ejemplo, podemos traer una temperatura (como es el ejemplo), pero podría ser cualquier valor y ya lo interpretaríamos. Por si no habéis visto el anterior, podéis ver aquí el tutorial para empezar con Home Assistant y Nextion

Antes de nada, dar las gracias a todos los que pusisteis comentarios, tanto en el vídeo como en el grupo de domótica de Telegram. El vídeo anterior gustó bastante y la verdad, motiva para seguir trabajando. Cabe decir que voy a seguir haciendo vídeos, todos los que pueda, pero que yo voy aprendiendo como vosotros y, algunas veces me atasco con algo y puede ser que se paren un poco los tutoriales.

Si tenéis alguna duda sobre como

¡Ahora si, empezamos!

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í

Vídeo para traer un sensor desde Home Assistant a una pantalla Nextion usando ESPHome

Código en ESPHome

Para aquellos que queréis probar, os paso el código que lleva la demo del vídeo:

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

wifi:
  ssid: "TEST"
  password: "test1234567890"

  # Enable fallback hotspot (captive portal) in case wifi connection fails
  ap:
    ssid: "Tutorialesnextion"
    password: "FN9cPFmEC7sg"

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
    
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: |-
      it.set_component_text_printf("temperatura","%.1f",id(temperatura1).state);

Como he comentado en el vídeo, así como en el tutorial, se trata de traer el valor de un sensor, puede ser cualquiera. Por ejemplo, podríamos traer el dato de un sensor de presencia y poder mostrarlo en pantalla para indicar donde estamos. También se podría traer el día de la semana (si lo tenemos), valor de bitcoin, etc etc. Son muchos los usos que podemos darle a este tutorial, por lo que espero que os sirva.

Espero que os haya gustado y, pronto prepararé algún otro tutorial, por lo que si queréis seguir usando estas pantallas, os iré enseñando todo lo que vaya aprendiendo.

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.

La entrada Home Assistant #49: Traemos el dato de un sensor a una pantalla Nextion se publicó primero en Domótica en Casa.