สามารถดูสถานะ GPIO ของ ESP32 แบบเรียลไทม์ผ่านเว็บเบราว์เซอร์

GPIOViewer เป็นไลบรารี (Library) Arduino แบบ open-source ที่ช่วยให้ผู้ใช้สามารถตรวจสอบสถานะ Pin GPIO ของบอร์ด ESP32 ได้แบบเรียลไทม์ผ่านเว็บเบราว์เซอร์ในการทำงานได้ เพื่อการแก้ไขปัญหาหรือเพื่อความสนุกสนาน

ซึ่งแตกต่างจาก Wokwi ที่เป็นการจำลองการทำงานของ ESP32 ในเว็บเบราว์เซอร์ เนื่องจากไลบรารี GPIOViewer สามารถส่งข้อมูลสถานะ GPIO ของฮาร์ดแวร์จริงผ่าน WiFi เพื่อแสดงสถานะของพินเมื่อมีการเปลี่ยนแปลงบนหน้าเว็บที่แสดงผลในเว็บเบราว์เซอร์ จากตัวเลือกของบอร์ดการพัฒนา ESP32 ที่ได้รับความนิยม

ไลบรารี GPIOViewer ต้องใช้ ESPAsyncWebServer Async web server สำหรับ ESP8266 และ ESP32 และ AsyncTCP asynchronous TCP library สำหรับไมโครคอนโทรลเลอร์ ESP32 ต้องดาวน์โหลดและติดตั้ ง ESPAsyncWebServer และ AsyncTCP ด้วยตนเอง และ AsyncTCP สามารถติดตั้งได้โดยตรงจาก Library Manager ของ Arduino IDE โดยการค้นหา

GPIOViewer มีขนาดของ footprint 50 KB ทำงานร่วมกับระบบดิจิทัล, แอนะล็อก และ PWM และรองรับบอร์ดพัฒนา ESP32-VROOM-32 ต่างๆ, บอร์ด Olimex ESP32-EVB และ ESP32-POE, Lolin ESP32-C3 Mini, Arduino Nano ESP32, Seeed Studio XIAO -ESP32-C3และอื่นๆ

สิ่งที่น่าประทับใจคือคุณเพียงแค่ต้องเพิ่มโค้ด 2-3 บรรทัดเพื่อเปิดใช้งานการตรวจสอบ GPIO ใน Arduino sketch ที่มีอยู่:

#include <gpio_viewer.h> // Must me the first include in your project
GPIOViewer gpio_viewer;

void setup()
{
  Serial.begin(115200);

  // Comment the next line, If your code aleady include connection to Wifi
  gpio_viewer.connectToWifi("Your SSID network", "Your WiFi Password");
  // gpio_viewer.setPort(5555);   // You can set the http port, if not set default port is 8080

  // Your own setup code start here

  // Must be at the end of your setup
  // gpio_viewer.setSamplingInterval(25); // You can set the sampling interval in ms, if not set default is 100ms
  gpio_viewer.begin();
}

#include <gpio_viewer.h> // Must me the first include in your project

GPIOViewer gpio_viewer;

void setup()

{

Serial.begin(115200);

// Comment the next line, If your code aleady include connection to Wifi

gpio_viewer.connectToWifi("Your SSID network", "Your WiFi Password");

// gpio_viewer.setPort(5555); // You can set the http port, if not set default port is 8080

// Your own setup code start here

// Must be at the end of your setup

// gpio_viewer.setSamplingInterval(25); // You can set the sampling interval in ms, if not set default is 100ms

gpio_viewer.begin();

}

Build และการแฟลชโค้ดบนบอร์ดของคุณแล้วรันโปรแกรม, URL จะแสดงขึ้นใน serial console ที่คล้ายกับ http://192.168.1.111:5555 ให้ป้อน URL นี้ในเว็บเบราว์เซอร์และดูสถานะของ Pin GPIO ที่อัปเดตในเวลาเกือบ real-time คุณสามารถดูวิดีโอสาธิตได้

ที่มา : Hackaday

แปลจากบทความภาษาอังกฤษ : Watch ESP32’s GPIO status in real-time in a web browser