NSPanel Lovelance UI
This is a custom UI for the NSPanel, with HomeAssistant Lovelance UI Design.
The general idea is that the Nextion Display cycles though a page counter and the esp32 tells the display what to do. If you are changeing the page the nextion display will send and event to the esp32 and it has to answer with the messages, that will update the current page with it's desired components. This enables easy changes, without touching the HMI Project.
How to install
0. Flash Tasmota
Follow the inststructions to flash tasmota onto the esp32 of your nspanel, make sure to use 'tasmota32-nspanel.bin'.
Before uploading berry driver (nspanel.be/autoexec.be) continue with this guide.
https://templates.blakadder.com/sonoff_NSPanel.html
1. Install Nextion Tasmota Berry Driver
Create and edit new file named autoexec.be with a line load("nextion.be") and upload nextion.be from tasmota folder of this repo.
or
Upload "nextion.be" from tasmota folder of this repository and rename to "autoexec.be"
2. Flash tft File
Upload the tft file from nodered folder to a Webserver (for example www folder of Home Assistant) and execute the following command in Tasmota Console. Webserver needs to support HTTP Range Header Requests, python2/3 http server doesn't work
FlashNextion http://192.168.75.30:8123/local/nspanel.tft
3. Setup Node-Red Flow
Import the example node-red flow from "node-red-example-flow.json" file and adjust to your needs.
Screens from UI
The following screenshots are from the custom NSPanel UI that will be displayed on NSPanel.
Message Flow
HomeAssistant / NodeRed -- MQTT -- Tasmota -- Nextion Screen
See the following picture to get an Idea for the messages send and recived from the screen during cycling though pages.
Custom Protocol
See Readme in HMI Folder for more details on HMI Project / Custom Protocol