esp8266-with-nextion's Introduction

esp8266-with-nextion

TODO: write proper readme.

This is the project: https://twitter.com/oroce/status/939961381331329029

UI

The design can be accessed in figma: https://www.figma.com/file/CwikCf6WnkNAFd8NSSdeDFGO/nextion-2.4

The assets for the design can be found in the assets directory.

HMI

The HMI for the Nextion display can be found the assets directory.

Starting

ESP code changes

You need create a config.json in the data directory with the following content:

{
  "mqtt_server": "<mqtt host>",
  "mqtt_port": <mqtt port>,
  "mqtt_user": "<mqtt username>",
  "mqtt_password": "<mqtt password>"
}

Sidenote: I'm using cloudmqtt, it's a great tool

Homeassistant changes

add a similar configuration to your the configuration.yaml:

automation:
  - alias: state sync for nextion
    hide_entity: True
    trigger:
      - platform: state
        entity_id: sensor.humidity_158d000153196d, sensor.temperature_158d000153196d, sensor.temperature_158d0001824749,sensor.humidity_158d0001824749,  sensor.temperature_158d0001823f4a,sensor.humidity_158d0001823f4a, sensor.frontdoor_status
    action:
      service: mqtt.publish
      data_template:
        topic: "nextion/reply-state"
        retain: True
        payload: >
          {
            "bedroom-humidity": {{ states.sensor.humidity_158d000153196d.state | string }},
            "bedroom-temperature": {{ states.sensor.temperature_158d000153196d.state | string }},
            "living-room-temperature": {{ states.sensor.temperature_158d0001824749.state | string }},
            "living-room-humidity": {{ states.sensor.humidity_158d0001824749.state | string }},
            "loggia-temperature": {{ states.sensor.temperature_158d0001823f4a.state | string }},
            "loggia-humidity": {{ states.sensor.humidity_158d0001823f4a.state | string }},
            "frontdoor": "{{ states.sensor.frontdoor_status.state | string }}"
           }

The above configuration will publish state to nextion/reply-state topic when

any of the sensors' state changed
thankfully to retain, mqtt will store the last message, so as the esp8266 boots up, it will automatically receive the latest state

The content of the message which gets published to nextion/reply-state is for me:

{
  "bedroom-humidity": 38.22,
  "bedroom-temperature": 23.13,
  "living-room-temperature": 23.02,
  "living-room-humidity": 39.35,
  "loggia-temperature": 5.81,
  "loggia-humidity": 81.86,
  "frontdoor": "closed"
}

TODOS

add license
proper docs
better json structure

esp8266-with-nextion's People

Contributors

Stargazers

Watchers

esp8266-with-nextion's Issues

Remove `nextion/request-state` and use `retain` in HA

mqtt by default can store the last message, so it doesn't make any sense to ask for the latest state.

see more: https://www.hivemq.com/blog/mqtt-essentials-part-8-retained-messages

HA docs: https://home-assistant.io/components/switch.mqtt/

Also HA config should be changed.

use `millis()` to determine the last update

state should include a new prop unsigned long updatedAt which gets updated everytime we receive a new event from HASS.
In every render we should compare to the current millis() and turn elapsed milliseconds into human readable time (couple seconds ago, 5 minutes ago, yesterday).

more about millis(): https://www.arduino.cc/reference/en/language/functions/time/millis/

Recommend Projects