โปรเจกต์นี้ทำอะไรได้?

โปรเจกต์นี้สร้าง Wall-mounted Smart Home Dashboard ที่ใช้ ESP32 สองตัวทำงานร่วมกัน แทนที่จะให้บอร์ดเดียวทำทุกอย่าง

อุปกรณ์ที่ใช้ในโปรเจกต์

Hardware หลักจากต้นฉบับมี:

• VIEWE ESP32-S3 Display Board ขนาด 7 นิ้ว
• ESP32 4-Channel Relay Board
• DHT22 Temperature and Humidity Sensor
• Jumper Wires
• USB Cables

Display Board ดูแลหน้า UI ส่วน Relay Board รับผิดชอบการควบคุม Relay และอ่าน Indoor Temperature / Humidity จาก DHT22

View more — ดู Hardware เพิ่มเติม View less — ซ่อน Hardware

หัวใจฝั่ง Dashboard คือ ESP32-S3 จอ 7 นิ้ว

Display Board ที่ผู้สร้างใช้ เป็น VIEWE ESP32-S3 ซึ่งรวม MCU, TFT, Touch และระบบที่เกี่ยวข้องกับจอ มาให้บนบอร์ดเดียว

ผู้สร้างอธิบายว่า PSRAM 8 MB มีประโยชน์กับ UI LVGL ที่ใช้จอความละเอียด 800×480 ซึ่งต้องการ Memory มากกว่าหน้าจอ ESP32 ขนาดเล็กทั่วไป

Architecture ของระบบ: Wi-Fi กับ ESP-NOW ทำคนละงาน

จุดที่ต้องแยกให้ชัดคือ Project นี้ไม่ได้มี Wireless แค่ Layer เดียว

ESP-NOW

ใช้สำหรับ:

• Relay Command
• Scene Command
• Status Request
• Relay + Sensor Status

Wi-Fi / Internet

ใช้สำหรับ:

• OpenWeather
• Open-Meteo
• NTP

View more — ดู Architecture เพิ่มเติม View less — ซ่อนภาพ

ESP-NOW ทำงานอย่างไรในโปรเจกต์นี้?

Project ใช้ Shared Protocol File:

espnow_protocol.h

Message หลักแบ่งเป็น 4 กลุ่ม:

Timing ที่ Source กำหนด

• Relay ส่ง Status ทุก 2 วินาที
• Display ขอ Status ทุก 5 วินาที
• Pending Command Timeout 2.5 วินาที
• ไม่มี Status 15 วินาที → Relay Node Offline

View more — ดู ESP-NOW Flow เพิ่มเติม View less — ซ่อนภาพ

Wiring DHT22 และ Relay Board

DHT22 → ESP32

Relay → ESP32

จาก Schematic ไปเป็น PCB จริง

ผู้สร้างแนบทั้ง:

• Schematic PDF
• Gerber Files

และยก NextPCB / HQDFM เป็น Workflow สำหรับตรวจ Gerber และส่งผลิต PCB

เคส 3D Print เปลี่ยน Prototype ให้กลายเป็น Wall Panel

Enclosure ประกอบด้วยส่วนหลักอย่าง:

• Front Frame
• Back Cover
• Wall Mount / Hook
• ช่อง USB และ Opening ที่จำเป็น

ผู้สร้างใช้ Black PLA กับตัวอย่างของตัวเอง แต่ไม่ได้กำหนด Print Recipe ครบทุกค่า

View more — ดูเคส 3D Print เพิ่มเติม View less — ซ่อนภาพ

ไฟล์ STL

Weather Dashboard ใช้ OpenWeather + Open-Meteo + NTP

OpenWeather

ผู้สร้างใช้ Endpoint:

• /data/2.5/weather
• /data/2.5/forecast

Current Weather ใช้ข้อมูลอย่าง:

• Temperature
• Feels-like
• Humidity
• Pressure
• Visibility
• Cloud Cover
• Wind
• Rain
• Sunrise / Sunset

Forecast ถูกใช้สร้าง:

• 24-hour Temperature Chart
• 5-day Forecast

Open-Meteo

ใช้สำหรับ:

UV Index

หาก Open-Meteo Request Fail Weather Data ส่วนอื่น ยังสามารถแสดงต่อได้ แต่ UV อาจไม่มีค่า

Refresh Logic

• Request ครั้งแรกประมาณ 3 วินาทีหลัง Wi-Fi Connect
• Refresh ทุก 10 นาที
• Request Fail → Retry หลัง 60 วินาที

แยก Wi-Fi Password และ API Key ออกจาก Main Sketch

ผู้สร้างใช้:

• secrets.h ฝั่ง Display
• relay_secrets.h ฝั่ง Relay

ฝั่ง Display เก็บ:

• Wi-Fi SSID
• Wi-Fi Password
• OpenWeather API Key
• Latitude
• Longitude
• POSIX Timezone

ก่อน ESP-NOW จะคุยกัน ต้องหา MAC Address ของทั้งสอง Board

ESP-NOW ใช้ MAC Address ระบุ Peer ดังนั้นผู้สร้างให้ Upload Sketch อ่าน STA MAC ไปทีละบอร์ด

หลังได้ MAC แล้ว ต้อง Update:

• RELAY_ESP32_MAC
• DISPLAY_ESP32_MAC
• EXPECTED_RELAY_MAC

Upload Firmware แยก Relay Board และ Display Board

Relay ESP32

เปิด Serial Monitor ที่:

115200 baud

แล้วตรวจ:

• Relay Initialization
• DHT22 Initialization
• MAC Address
• Wi-Fi Connection
• ESP-NOW Peer Registration

Display ESP32-S3

ตรวจว่า:

• Display Initialize
• LVGL Start
• Dashboard ขึ้น
• Touch ทำงาน

View more — ดูภาพ Firmware เพิ่มเติม View less — ซ่อนภาพ

ทดสอบระบบก่อนต่อ Load จริง

ผู้สร้างระบุให้ทดสอบระบบ โดย:

ยังไม่ต่อ Relay Output Terminals

แล้วกด Relay Card เพื่อดู LED และดูว่าคำสั่ง ถูก Confirm กลับมาที่ Dashboard หรือไม่

Default Scene จาก Source

View more — ดูภาพทดสอบเพิ่ม View less — ซ่อนภาพ

Dashboard มีทั้งหมด 4 หน้า

1. Home Page

• Living Room
• Kitchen
• Main Fan
• Garden
• Scene Buttons
• Current Weather
• Indoor Temperature / Humidity

2. Weather Page

• Temperature
• Feels-like
• Humidity
• Pressure
• Wind
• UV
• Sunrise / Sunset
• 24-hour Temperature Chart
• 5-day Forecast

3. History Page

• 8 Confirmed Relay Events ล่าสุด
• Session Runtime ของ Relay

4. Settings Page

• Brightness
• Dim Time
• Sleep Time
• Slate / AMOLED / Aurora Theme
• Celsius / Fahrenheit
• Show / Hide Indoor Climate
• Show / Hide Date
• Show / Hide Scene Buttons

อะไรอยู่ใน Flash และอะไรอยู่ใน RAM?

Code จากต้นฉบับที่ใช้เตรียม ESP-NOW

Source มี Code สำหรับอ่าน MAC Address และตัวอย่าง Secret Header จึงสามารถใส่ Code Snippet ได้โดยไม่สร้าง Logic ใหม่ขึ้นเอง

#include <WiFi.h>

void setup() {
  Serial.begin(115200);
  WiFi.mode(WIFI_STA);
  delay(1000);

  Serial.print("ESP32 MAC Address: ");
  Serial.println(WiFi.macAddress());
}

void loop() {
}

{0xC0, 0x5D, 0x89, 0xF5, 0xAD, 0xFC}

#define WIFI_SSID "YOUR_WIFI_NAME"
#define WIFI_PASSWORD "YOUR_WIFI_PASSWORD"
#define OPENWEATHER_KEY "YOUR_OPENWEATHER_API_KEY"
#define WEATHER_LATITUDE "YOUR_LATITUDE"
#define WEATHER_LONGITUDE "YOUR_LONGITUDE"
#define TIMEZONE_INFO "YOUR_POSIX_TIMEZONE"

สรุปลำดับทำโปรเจกต์แบบ Step-by-Step

สำหรับ Maker โปรเจกต์นี้น่าเอาไปเรียนต่อหลายเรื่อง

• ESP32-S3 + Large Touch Display
• LVGL UI
• ESP-NOW
• Relay Control
• DHT22
• Weather API
• NTP
• Flash Persistence
• PCB Workflow
• 3D Printed Enclosure

โปรเจกต์นี้มีหลายขั้น แนะนำอ่านต้นฉบับควบคู่กัน

โดยเฉพาะก่อนทำ:

• Firmware Upload
• ESP-NOW MAC Configuration
• Weather API
• Schematic / Gerber
• 3D Printed Enclosure
• Relay Hardware

FAQ: ESP32 Touchscreen Smart Home Dashboard

สรุป: จาก ESP32 Project บนโต๊ะ สู่ Smart Home Panel แบบใช้งานจริง

สิ่งที่ทำให้โปรเจกต์นี้น่าสนใจ ไม่ใช่แค่จอ 7 นิ้ว หรือปุ่มเปิด Relay

แต่เป็นการรวม:

แล้วต่อยอดด้วย Confirmed Relay State, Scene, Offline Detection, History, Persistent Settings, PCB และ 3D Printed Enclosure

สำหรับสาย Maker นี่จึงเป็น Reference ที่ดีในการดูว่า Prototype ESP32 จะค่อย ๆ ถูกพัฒนา ให้เข้าใกล้ Product-like Device ได้อย่างไร

References / แหล่งข้อมูลต้นฉบับ

• Instructables — DIY ESP32 Touchscreen Home Automation Control Panel
• Schematic PDF จากโปรเจกต์
• OpenWeather
• Open-Meteo Air Quality API
• NTP Pool