TNDisplay

The goal of the project is to create a wireless touchscreen display that can be programmed using NodeRed and used to control HomeAssistant powered SmartHome.

Demonstration videos

HomeAssistant control	Demo application

1	2	3

Requirements

Hardware

1. Nextion HMI Display, model NX3224T024 or other Nextion display with resolution 320x240px
2. Wemos D1 mini lite or other ESP MCU with 5v power pin

Software

1. MQTT broker (see mosquitto)
2. Node-Red (see getting started with node-red)

Configuration

Nextion display (upload TFT project)

Option A (using SDCard)

To upload TFT project using SDCard use TNDisplay.tft file and follow this instructions

Option B (using ttl adapter)

1. Download and install NextionEditor
2. Download TNDisplay.hmi
3. Connect display and upload project (see instructions)

Wemos D1 module

1. Flash ESP module with Tasmota (see instructions)
2. Configure Tasmota (set WiFi connection, MQTT connection) and import following template:

{"NAME":"TNDisplay","GPIO":[0,0,320,0,0,0,0,0,0,0,0,0,0,0],"FLAG":0,"BASE":18}

MQTT Settings	Template Settings

3. Change serial baudrate to 9600. Open tasmota console and execute following command:

baudrate 9600

4. Set Tasmota rule to initialize communication and show informations when connecting/disconnecting wifi and mqtt:

Rule1 ON System#Init DO serialsend5 64696d3d313030ffffff ENDON ON Wifi#Connected DO serialsend5 706167652036ffffff54312e7478743d2257494649204f4b22ffffff50312e7069633d3237ffffff ENDON ON Wifi#Disconnected DO serialsend5 706167652036ffffff54312e7478743d2257494649204f46464c494e4522ffffff50312e7069633d3531ffffff ENDON ON Mqtt#Connected DO serialsend5 706167652036ffffff54312e7478743d224d515454204f4b22ffffff50312e7069633d3236ffffff ENDON ON Mqtt#Disconnected DO serialsend5 706167652036ffffff54312e7478743d224d515454204f46464c494e4522ffffff50312e7069633d3434ffffff ENDON

5. Enable Rule1:

Rule1 1

6. Connect ESP module with Nextion display:

Caution

Disconnect power supply when making connections!

Nextion PIN	ESP Pin
+5V (black)	5V
TX (red)	RX
RX (white)	TX
GND (yellow)	G

Important

Note the crossover RX TX pins

7. At this stage if you have done everything correctly after restarting tasmota the screen should sequentially show the information "WiFi OK", "MQTT OK".

Tip

If the display shows only "TNDisplay" screen with logo and nothing changes check this issue discussion

NodeRed

1. Import node red flow file (see instructions)
2. Check the settings, mainly that the topics in the MQTT nodes match those you set in Tasmota, and that the MQTT configuration node is configured correctly.
3. At this stage, if you have done everything correctly, after deploy flow in NodeRed the display should show the demo application.

Casing

If you want to print the casing, use the project files included in the Casing folder.

1	2

Available Pages

0	1	2	3	4

5	6	7	8	9

Available Icons

50x50px (for use in header (PH.pic))

11	12	13	14	15	16	17	66	67	68	69

70x70px (for use as buttons images (P1.pic, P2.pic etc.)

18	19	20	21	22	23	24	25	26	27

28	29	30	31	32	33	34	35	36	37

38	39	40	41	42	43	44	45	46	47

48	49	50	51	52	53	54	55	56	57

58	59	60	61	62	63	64	65	70	71

72	73	85

Important

If you have successfully completed your project using this repository, please share photos in the discussion so that I can show others what can be accomplished.