ESP32 Nhiều Button

Hướng dẫn này sẽ chỉ bạn cách lập trình ESP32 để sử dụng nhiều button cùng lúc mà không cần phụ thuộc vào hàm delay(). Hướng dẫn cung cấp mã nguồn theo hai phương pháp:

ESP32 nhiều button với debounce
ESP32 nhiều button với debounce sử dụng mảng.

Chúng ta sẽ minh họa với bốn button. Tuy nhiên, bạn có thể dễ dàng điều chỉnh mã cho hai button, ba button, năm button, hoặc thậm chí nhiều hơn.

Linh Kiện Cần Thiết

1	×	mô-đun phát triển ESP-WROOM-32
1	×	Alternatively, ESP32 Uno-form board
1	×	Alternatively, ESP32 S3 Uno-form board
1	×	Cáp USB Type-C
1	×	breadboard-mount Button with Cap
1	×	breadboard-mount Button Kit
1	×	Panel-mount Button
1	×	mô-đun nút nhấn
1	×	breadboard
1	×	Dây Jumper
1	×	(Khuyến nghị) Screw Terminal Expansion Board for ESP32
1	×	(Khuyến nghị) Breakout Expansion Board for ESP32
1	×	(Khuyến nghị) Power Splitter for ESP32

Or you can buy the following kits:

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

Về Button

Chúng tôi có các hướng dẫn chi tiết 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 mạch với ESP32, code ESP32... Tìm hiểu thêm tại các liên kết sau:

Hướng dẫn ESP32 - Button (Nút Nhấn)
Hướng dẫn ESP32 - Nút Nhấn - Debounce

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 - Nhiều Button với debounce

Khi làm việc với nhiều button, độ phức tạp có thể phát sinh trong những tình huống cụ thể:

Các ứng dụng yêu cầu debounce button (tham khảo tại sao chúng ta cần debounce cho button)
Các ứng dụng cần phát hiện thay đổi trạng thái (nhấn/thả)

May mắn thay, thư viện ezButton đơn giản hóa quá trình này bằng cách xử lý debounce và các sự kiện button bên trong. Điều này giúp người dùng không cần quản lý timestamps và biến khi sử dụng thư viện. Hơn nữa, việc sử dụng mảng button có thể cải thiện độ rõ ràng và ngắn gọn của code.

/* * 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-multiple-button */ #include <ezButton.h> #define BUTTON_PIN_1 25 // The ESP32 pin GPIO25 connected to the button 1 #define BUTTON_PIN_2 26 // The ESP32 pin GPIO26 connected to the button 2 #define BUTTON_PIN_3 27 // The ESP32 pin GPIO27 connected to the button 3 #define BUTTON_PIN_4 14 // The ESP32 pin GPIO14 connected to the button 4 ezButton button1(BUTTON_PIN_1); // create ezButton object for button 1 ezButton button2(BUTTON_PIN_2); // create ezButton object for button 2 ezButton button3(BUTTON_PIN_3); // create ezButton object for button 3 ezButton button4(BUTTON_PIN_4); // create ezButton object for button 4 void setup() { Serial.begin(9600); button1.setDebounceTime(100); // set debounce time to 100 milliseconds button2.setDebounceTime(100); // set debounce time to 100 milliseconds button3.setDebounceTime(100); // set debounce time to 100 milliseconds button4.setDebounceTime(100); // set debounce time to 100 milliseconds } void loop() { button1.loop(); // MUST call the loop() function first button2.loop(); // MUST call the loop() function first button3.loop(); // MUST call the loop() function first button4.loop(); // MUST call the loop() function first // get button state after debounce int button1_state = button1.getState(); // the state after debounce int button2_state = button2.getState(); // the state after debounce int button3_state = button3.getState(); // the state after debounce int button4_state = button4.getState(); // the state after debounce /* Serial.print("The button 1 state: "); Serial.println(button1_state); Serial.print("The button 2 state: "); Serial.println(button2_state); Serial.print("The button 3 state: "); Serial.println(button3_state); Serial.print("The button 4 state: "); Serial.println(button4_state); */ if (button1.isPressed()) Serial.println("The button 1 is pressed"); if (button1.isReleased()) Serial.println("The button 1 is released"); if (button2.isPressed()) Serial.println("The button 2 is pressed"); if (button2.isReleased()) Serial.println("The button 2 is released"); if (button3.isPressed()) Serial.println("The button 3 is pressed"); if (button3.isReleased()) Serial.println("The button 3 is released"); if (button4.isPressed()) Serial.println("The button 4 is pressed"); if (button4.isReleased()) Serial.println("The button 4 is released"); }

Các Bước Thực Hiện

Nếu đây là lần đầu 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 trên.
Kết nối bo mạch ESP32 với PC của bạn qua cáp micro USB
Mở Arduino IDE trên PC.
Chọn đúng bo mạch ESP32 (ví dụ: ESP32 Dev Module) và cổng COM.
Click vào biểu tượng Libraries ở thanh bên trái của Arduino IDE.
Tìm kiếm "ezButton", sau đó tìm thư viện button của ArduinoGetStarted
Click nút Install để cài đặt thư viện ezButton.

Sao chép code trên và dán vào Arduino IDE.
Biên dịch và upload code lên bo mạch ESP32 bằng cách click nút Upload trên Arduino IDE

Mở Serial Monitor trên Arduino IDE
Nhấn và thả từng button một cách lần lượt

COM6

Send

The button 1 is pressed The button 1 is released The button 2 is pressed The button 2 is released The button 3 is pressed The button 3 is released The button 4 is pressed The button 4 is released

Autoscroll Show timestamp

Clear output

9600 baud

Newline

Code ESP32 - Nhiều Button sử dụng mảng

Chúng ta có thể cải thiện code đã cung cấp bằng cách sử dụng mảng button. Code sau đây minh họa cách mảng này quản lý các đối tượng button.

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.