ProjectSupporter IoT Guide

คู่มือเชื่อมต่อ MQTT และใช้งาน IOT Dashboard

หน้า /iot จะเป็น IOT Dashboard เต็ม ๆ สำหรับสร้าง Device, Dashboard, Widget, Alarm และ RPC ส่วนหน้านี้เก็บคู่มือ/รายละเอียดการเชื่อมต่อไว้แยกต่างหาก

กลับไปหน้า IoT Console ดูแพ็กเกจรายเดือน

ระบบเก็บข้อมูลยังไง

  • Supabase เก็บบัญชีเว็บหลัก, subscription รายเดือน และ binding ว่า user นี้ผูกกับ IOT Dashboard tenant/user ไหน
  • IOT Dashboard เป็นตัวหลัก: เก็บ telemetry/time-series, device credentials, dashboard, widget, alarm และ RPC
  • ProjectSupporter คุมสิทธิ์เข้าใช้งานรายเดือน สร้าง tenant แยกต่อ user/company และทำ SSO เข้า IOT Dashboard

สรุป: ไม่ควรสร้างระบบ dashboard ซ้ำใน Supabase/Astro ให้ IOT Dashboard ทำเต็มตัว แล้ว ProjectSupporter คุม login/subscription/สิทธิ์เข้าใช้งานพอ โดยแต่ละลูกค้าจะอยู่คนละ IOT Dashboard tenant เพื่อกันข้อมูล/แดชบอร์ดปนกัน

การเชื่อมต่อ Device

ให้สร้าง Device ใน IOT Dashboard แล้วใช้ Device Credentials / Access Token ของ IOT Dashboard สำหรับ ESP32/ESP8266 โดยตรง ลูกค้าไม่ต้องสร้าง MQTT API Key แยกในเว็บ ProjectSupporter

Host: mqtt.รับทำโปรเจคอาดูโน่.com หรือ endpoint ที่แสดงใน IOT Dashboard
Auth: ใช้ Device Access Token จาก IOT Dashboard
Telemetry: ส่ง key/value ตาม widget ที่จะใช้ เช่น temperature, humidity, relay

การสร้าง Device / Dashboard

Device

สร้าง Device ใน IOT Dashboard โดยตรง แล้วเปิดเมนู Credentials เพื่อคัดลอก Access Token ไปใส่ใน ESP32/ESP8266

IOT Dashboard → Devices → Add device → Credentials → Access token

Dashboard

เข้า IOT Dashboard ในหน้า /iot แล้วสร้าง dashboard/widget/chart/gauge ด้วย UI ของ IOT Dashboard ได้เลย หลาย dashboard ก็ทำใน IOT Dashboard โดยตรง

Flow ใช้งานจริง

  1. ลูกค้า login เว็บ ProjectSupporter
  2. ระบบเช็ค subscription iot_starter_599
  3. เข้า /iot แล้วระบบสร้าง/เปิด IOT Dashboard tenant แยกของลูกค้าคนนั้น และทำ SSO เป็น Tenant Admin ให้
  4. ลูกค้าสร้าง device และ dashboard ใน IOT Dashboard ได้เต็มสิทธิ์ใน tenant ของตัวเอง
  5. ESP32 ใช้ Device Access Token ของ IOT Dashboard ส่ง telemetry
  6. ลูกค้าสร้าง widget/alarm/RPC ใน IOT Dashboard เอง