ESP32 Button Toggle Relay

Hướng dẫn này sẽ chỉ bạn cách sử dụng ESP32 để chuyển đổi trạng thái của relay giữa ON và OFF khi một button được nhấn. Cụ thể:

Nếu button được nhấn, bật relay
Nếu button được nhấn lại, tắt relay
Quá trình trên được lặp đi lặp lại

Code ESP32 bao gồm code cho button toggle relay không có và có debouncing

Chúng ta có thể mở rộng hướng dẫn này để sử dụng button toggle trạng thái của solenoid, quạt, bóng đèn, hoặc actuator... bằng cách kết nối chúng với relay.

Phần cứng cần chuẩn bị

1	×	38-pin ESP32 ESP-WROOM-32 Dev Module - Narrow	Amazon
1	×	Alternatively, 38-pin ESP32 ESP-WROOM-32 Dev Module - Wide	Amazon
1	×	Alternatively, 30-pin ESP32 ESP-WROOM-32 Dev Module - Wide	Amazon
1	×	Alternatively, ESP32 Uno-form board	Amazon
1	×	Alternatively, ESP32 S3 Uno-form board	Amazon
1	×	USB Cable Type-A to Type-C (for USB-A PC)	Amazon
1	×	USB Cable Type-C to Type-C (for USB-C PC)	Amazon
1	×	breadboard-mount Button with Cap	Amazon
1	×	breadboard-mount Button Kit	Amazon
1	×	Panel-mount Push Button	Amazon
1	×	mô-đun nút nhấn	Amazon
1	×	Relay	Amazon
1	×	breadboard	Amazon
1	×	dây jumper	Amazon
1	×	(Tùy chọn) Solenoid Lock	Amazon
1	×	(Tùy chọn) 12V Power Adapter	Amazon
1	×	(Tùy chọn) DC Power Jack	Amazon
1	×	(Khuyến nghị) Screw Terminal Expansion Board for ESP32	Amazon
1	×	(Khuyến nghị) Breakout Expansion Board for ESP32	Amazon
1	×	(Khuyến nghị) Power Splitter for ESP32	Amazon

Or you can buy the following kits:

1	×	DIYables ESP32 Starter Kit (ESP32 included)	Amazon
1	×	DIYables Sensor Kit (18 sensors/displays)	Amazon

Tiết lộ: Một số liên kết trong bài viết này là liên kết tiếp thị Amazon và có thể nhận hoa hồng theo chính sách của chương trình.

Về Relay và Button

Chúng tôi có các hướng dẫn cụ thể về relay và button. Mỗi hướng dẫn chứa thông tin chi tiết và hướng dẫn từng bước về pinout phần cứng, nguyên lý hoạt động, kết nối dây đến ESP32, code ESP32... Tìm hiểu thêm về chúng tại các liên kết sau:

Sơ Đồ Đấu Nối

This image is created using Fritzing. Click to enlarge image

Nếu bạn chưa rõ cách cấp nguồn cho ESP32 và các linh kiện khác, xem: Cách Cung Cấp Nguồn Điện Cho ESP32.

Code ESP32 - Button Toggle Relay Không Có Debouncing

/* * Mã ESP32 này được phát triển bởi newbiely.vn * Mã ESP32 này được cung cấp để sử dụng công khai, không có ràng buộc. * Để xem hướng dẫn chi tiết và sơ đồ kết nối, vui lòng truy cập: * https://newbiely.vn/tutorials/esp32/esp32-button-toggle-relay */ #define BUTTON_PIN 22 // ESP32 pin GPIO22 connected to button's pin #define RELAY_PIN 27 // ESP32 pin GPIO27 connected to relay's pin // variables will change: int relay_state = LOW; // the current state of relay int button_state; // the current state of button int last_button_state; // the previous state of button void setup() { Serial.begin(9600); // initialize serial pinMode(BUTTON_PIN, INPUT_PULLUP); // set ESP32 pin to input pull-up mode pinMode(RELAY_PIN, OUTPUT); // set ESP32 pin to output mode button_state = digitalRead(BUTTON_PIN); } void loop() { last_button_state = button_state; // save the last state button_state = digitalRead(BUTTON_PIN); // read new state if (last_button_state == HIGH && button_state == LOW) { Serial.println("The button is pressed"); // toggle state of relay relay_state = !relay_state; // control relay arccoding to the toggled state digitalWrite(RELAY_PIN, relay_state); } }

Các Bước Nhanh

Nếu đây là lần đầu tiên bạn sử dụng ESP32, hãy xem ESP32 - Cài Đặt Phần Mềm.
Thực hiện đấu nối như hình ảnh trên.
Kết nối board ESP32 với PC của bạn qua cáp micro USB
Mở Arduino IDE trên PC của bạn.
Chọn đúng board ESP32 (ví dụ: ESP32 Dev Module) và cổng COM.
Copy code trên và paste vào Arduino IDE.
Biên dịch và upload code lên board ESP32 bằng cách nhấn nút Upload trên Arduino IDE
Giữ nhấn button vài giây rồi thả ra.
Xem sự thay đổi trạng thái của relay

Giải Thích Code Từng Dòng

Code ESP32 trên có giải thích từng dòng. Hãy đọc các comment trong code!

Trong code, relay_state = !relay_state tương đương với đoạn code sau:

if(relay_state == LOW) relay_state = HIGH; else relay_state = LOW;

※ Lưu ý:

Code trên không có code debounce cho button. Không có debouncing cho button, các hành vi không mong muốn có thể xảy ra. Xem Tại sao cần debounce cho button. Debouncing cho button khá phức tạp đối với người mới bắt đầu. May mắn thay, thư viện ezButton thực hiện button debounce cho chúng ta.

Code ESP32 - Button Toggle Relay Có Debouncing

/* * Mã ESP32 này được phát triển bởi newbiely.vn * Mã ESP32 này được cung cấp để sử dụng công khai, không có ràng buộc. * Để xem hướng dẫn chi tiết và sơ đồ kết nối, vui lòng truy cập: * https://newbiely.vn/tutorials/esp32/esp32-button-toggle-relay */ #include <ezButton.h> #define BUTTON_PIN 22 // ESP32 pin GPIO22 connected to button's pin #define RELAY_PIN 27 // ESP32 pin GPIO27 connected to relay's pin ezButton button(BUTTON_PIN); // create ezButton object that attach to pin 7; // variables will change: int relay_state = LOW; // the current state of relay void setup() { Serial.begin(9600); // initialize serial pinMode(RELAY_PIN, OUTPUT); // set ESP32 pin to output mode button.setDebounceTime(50); // set debounce time to 50 milliseconds } void loop() { button.loop(); // MUST call the loop() function first if (button.isPressed()) { Serial.println("The button is pressed"); // toggle state of relay relay_state = !relay_state; // control relay arccoding to the toggled state digitalWrite(RELAY_PIN, relay_state); } }

Các Bước Nhanh

Nếu đây là lần đầu tiên bạn sử dụng ESP32, hãy xem ESP32 - Cài Đặt Phần Mềm.
Cài đặt thư viện ezButton. Xem Cách Thực Hiện
Copy code trên và paste vào Arduino IDE.
Biên dịch và upload code lên board ESP32 bằng cách nhấn nút Upload trên Arduino IDE
Nhấn button vài lần
Xem sự thay đổi trạng thái của relay

Video Tutorial

Việc sản xuất video tốn rất nhiều thời gian. Nếu video hướng dẫn hữu ích cho việc học của bạn, hãy đăng ký kênh YouTube để ủng hộ. Nếu nhu cầu đủ cao, chúng tôi sẽ cố gắng làm thêm nhiều video.