คู่มือการใช้งาน IoT Dashboard

IoT Dashboard เป็นระบบประมวลผลและแสดงผลข้อมูลจากอุปกรณ์ IoT ที่เชื่อมต่อผ่าน REST API ออกแบบมาสำหรับบันทึกและวิเคราะห์ข้อมูลไฟฟ้าจาก PZEM004T ที่เชื่อมต่อกับ ESP32 วัดค่า แรงดัน, กระแส, กำลัง, พลังงาน, ความถี่, และ Power Factor

ฟีเจอร์หลัก

• แสดงข้อมูลไฟฟ้าแบบ Real-time พร้อมกราฟวัดพลังงาน
• วัด แรงดัน(V), กระแส(A), กำลัง(W), พลังงาน(Wh), ความถี่(Hz), PF
• กรองข้อมูลตามวันที่ พร้อม exporting PDF/Excel
• REST API สำหรับส่งและดึงข้อมูล
• รองรับ ESP32 + PZEM004T ผ่าน WiFi

IoT Dashboard ให้บริการ REST API สำหรับรับส่งข้อมูลระหว่างอุปกรณ์ IoT และเซิร์ฟเวอร์

ข้อมูลการเชื่อมต่อ

พารามิเตอร์สำหรับ POST

ตัวอย่าง POST JSON

curl -X POST http://localhost/iot-dashboard/api.php \
  -H "Content-Type: application/json" \
  -H "X-API-Key: eeiot2024" \
  -d '{"voltage":251.5,"current":0.063,"power":6.6,"energy":0.006,"frequency":50.0,"power_factor":0.42}'

ตัวอย่าง POST Form

curl -X POST http://localhost/iot-dashboard/api.php \
  -H "X-API-Key: eeiot2024" \
  -d "voltage=251.5¤t=0.063&power=6.6&energy=0.006&frequency=50.0&power_factor=0.42"

หน้า Dashboard แสดงข้อมูลสรุปและกราฟแบบ Real-time จากอุปกรณ์ IoT ทั้งหมดที่เชื่อมต่ออยู่

Sidebar Navigation

แถบเมนูด้านซ้ายใช้สำหรับนำทางระหว่างหน้าต่างๆ ของระบบ คลิกที่ไอคอนเพื่อเปิดหน้าที่ต้องการ

ตัวกรองวันที่

ใช้ปุ่มกรองด้านบนกราฟเพื่อเลือกช่วงเวลาที่ต้องการ:

Export ข้อมูล

คลิกปุ่ม PDF หรือ Excel เพื่อดาวน์โหลดข้อมูลในรูปแบบที่ต้องการ

Fullscreen

คลิกไอคอน บนกราฟเพื่อขยายเต็มจอสำหรับการนำเสนอ

Auto-Refresh

ข้อมูลไฟฟ้าที่ระบบรองรับจาก PZEM004T แสดงผลเป็นตารางและกราฟแบบ Real-time

ขั้นตอนการตั้งค่า ESP32 หรือ ESP8266 เพื่อส่งข้อมูลไปยัง IoT Dashboard

// WiFi Configuration
const char* WIFI_SSID = "YourWiFiName";
const char* WIFI_PASS = "YourWiFiPassword";

// API Configuration
const char* API_HOST = "http://your-server/iot-dashboard/api.php";
const char* API_KEY = "eeiot2024";

#include <WiFi.h>
#include <HTTPClient.h>
#include <ArduinoJson.h>

void sendData(float voltage, float current, float power, float energy, float frequency, float pf) {
    HTTPClient http;
    http.begin(API_HOST);
    http.addHeader("Content-Type", "application/json");
    http.addHeader("X-API-Key", API_KEY);

    StaticJsonDocument<200> doc;
    doc["voltage"] = voltage;
    doc["current"] = current;
    doc["power"] = power;
    doc["energy"] = energy;
    doc["frequency"] = frequency;
    doc["power_factor"] = pf;

    String requestBody;
    serializeJson(doc, requestBody);

    int httpResponseCode = http.POST(requestBody);
    
    if (httpResponseCode > 0) {
        Serial.println("Data sent successfully");
    } else {
        Serial.println("Error sending data");
    }
    
    http.end();
}

ปัญหาที่พบบ่อยและวิธีการแก้ไข

ตรวจสอบสถานะระบบ

ทดสอบว่า API ทำงานโดยใช้คำสั่ง:

curl "http://localhost/iot-dashboard/api.php?action=ping" -H "X-API-Key: eeiot2024"

ผลลัพธ์ที่ถูกต้องควรมี "status":"ok" หรือ "message":"pong"

ตรวจสอบ Log

ไฟล์ log ของระบบอยู่ที่ logs/ โฟลเดอร์ ตรวจสอบไฟล์ error.log หากมีปัญหา