Skip to content

Complete project for build wireless touch display to control HomeAssistant powered SmartHome.

Notifications You must be signed in to change notification settings

luckyzor/TNDisplay

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Demo

Watch the video

1 2 3
Screenshot Screenshot Screenshot

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
Screenshot Screenshot
  1. Set Tasmota rule to initialize communication and show informations when connecting/disconnecting wifi and mqtt. Open tasmota console and execute following command:
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
  1. Enable Rule1 by executing command:
Rule1 1
  1. Connect ESP module with Nextion display:

Warning

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

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

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
Screenshot Screenshot

Available Pages

0 1 2 3 4
Screenshot Screenshot Screenshot Screenshot Screenshot
5 6 7 8 9
Screenshot Screenshot Screenshot Screenshot Screenshot

Available Icons

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

11 12 13 14 15 16 17 66 67 68 69
Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot

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

18 19 20 21 22 23 24 25 26 27
Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot
28 29 30 31 32 33 34 35 36 37
Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot
38 39 40 41 42 43 44 45 46 47
Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot
48 49 50 51 52 53 54 55 56 57
Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot
58 59 60 61 62 63 64 65 70 71
Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot
72 73 85
Screenshot Screenshot Screenshot

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.

About

Complete project for build wireless touch display to control HomeAssistant powered SmartHome.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published