ภาษาโปรแกรมมิ่ง · PRC-31

Node-RED Dashboard Programming

หลักสูตร Node-RED Dashboard Programming เป็นการอบรมเขียนโปรแกรมแบบ Flow-Based ด้วย Node-RED เชื่อมอุปกรณ์ผ่าน MQTT และ API เก็บข้อมูลลง MySQL แล้วสร้างหน้าจอด้วย Dashboard 2.0 เหมาะกับผู้ดูแลระบบ วิศวกรงาน IoT และผู้ที่มีพื้นฐานการเขียนโปรแกรมเบื้องต้น จบแล้วสร้าง Dashboard ติดตามและควบคุมอุปกรณ์ IoT ได้

อัปเดตล่าสุด 8 ต.ค. 2569

ราคาเริ่มต้น 8,550 บาท / ท่าน 9,500 −10% ยังไม่รวม VAT 7% · มีราคาหมู่คณะ

ขอใบเสนอราคาอบรมองค์กร ดูรอบอบรม

PDFดาวน์โหลด Course Outline

ระยะเวลา18 ชั่วโมง · 3 วัน
รูปแบบออนไซต์ / ออนไลน์สด
รอบถัดไป10–12 พ.ย. 69
ใบรับรองมี Certificate

ภาพรวมหลักสูตร

Node-RED เป็นเครื่องมือเขียนโปรแกรมแบบ Flow-Based ที่ลากวาง Node บนเว็บเบราว์เซอร์เพื่อเชื่อมอุปกรณ์ API และบริการต่าง ๆ เข้าด้วยกัน นิยมใช้ทั้งงาน IoT โรงงาน และระบบอัตโนมัติในองค์กร งานที่ขาดไม่ได้คือหน้า Dashboard สำหรับดูข้อมูลและสั่งงานอุปกรณ์ แต่ตัวอย่างจำนวนมากยังใช้ node-red-dashboard รุ่นเดิมที่สร้างบน AngularJS ซึ่งประกาศเลิกพัฒนาแล้วตั้งแต่ปี 2024 ผู้เริ่มต้นจึงมักติดอยู่กับวิธีที่ไม่ควรใช้ในโปรเจกต์ใหม่

หลักสูตรนี้พาผู้เรียนใช้ Node-RED 5 ตั้งแต่ติดตั้ง ทำความเข้าใจ Flow, Node และ Message Object เขียน Function Node ใช้ Context สร้าง Subflow จัดการ Error และเรียกหรือสร้าง REST API จากนั้นรับส่งข้อมูลอุปกรณ์ด้วย MQTT และสร้างหน้าจอด้วย Dashboard 2.0 (@flowfuse/node-red-dashboard) ทั้ง Widget แสดงผลและควบคุม เชื่อมฐานข้อมูล MySQL เพื่อทำ CRUD และกราฟย้อนหลัง ปรับแต่งด้วย ui-template และ Vuetify แล้วตั้งค่าความปลอดภัยและ Deploy ด้วย Docker ปิดท้ายด้วย Workshop IoT Monitoring Dashboard ครบวงจร (อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง ระดับ Beginner-Intermediate)

สิ่งที่คุณจะได้รับ

ติดตั้งและใช้งาน Node-RED 5 พร้อมเข้าใจ Flow, Node และ Message Object
เขียน Function Node ด้วย JavaScript และใช้ Context เก็บสถานะได้
สร้าง Subflow ใช้ Environment Variable และจัดการ Error ใน Flow ได้
เรียกและสร้าง REST API ด้วย HTTP Node ได้
รับส่งข้อมูลอุปกรณ์ผ่าน MQTT กับ Mosquitto Broker ได้
สร้าง Dashboard ด้วย Dashboard 2.0 ทั้ง Page, Group และ Widget ได้
เชื่อม MySQL ทำ CRUD และแสดงข้อมูลย้อนหลังบน Dashboard ได้
ปรับแต่ง Dashboard ด้วย ui-template และ Deploy อย่างปลอดภัยด้วย Docker ได้

หลักสูตรนี้เหมาะสำหรับ

ผู้ดูแลระบบและทีมไอทีที่ต้องการสร้างหน้า Monitoring และระบบอัตโนมัติ
วิศวกรและนักพัฒนางาน IoT ที่ต้องการ Dashboard สำหรับดูข้อมูลและควบคุมอุปกรณ์
ผู้ที่ใช้ node-red-dashboard รุ่นเดิมและต้องการย้ายมาใช้ Dashboard 2.0
นักศึกษาและผู้สนใจพัฒนา Dashboard Web Application ด้วย Node-RED

พื้นฐานของผู้เข้าอบรม

เขียนโปรแกรมได้ระดับเบื้องต้น หากคุ้นเคย JavaScript จะเป็นประโยชน์
เข้าใจพื้นฐานเครือข่าย เช่น IP Address, Port และ HTTP
ใช้ Command Line เบื้องต้นได้
Notebook ที่ติดตั้ง Node.js และ Docker Desktop ได้ พร้อมสิทธิ์ติดตั้งโปรแกรม

หัวข้อการฝึกอบรม

รายละเอียดหลักสูตร

หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ของหลักสูตร Node-RED Dashboard Programming เนื้อหาอัปเดตเป็น Node-RED 5 บน Node.js 24 และเปลี่ยนจาก node-red-dashboard รุ่นเดิมที่เลิกพัฒนาแล้วมาใช้ Dashboard 2.0 (@flowfuse/node-red-dashboard) พร้อมเพิ่ม Subflow, การจัดการ Error, ui-template, ความปลอดภัย และการ Deploy ด้วย Docker อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายพร้อม Lab ทุกหัวข้อ ระดับ Beginner-Intermediate ทุก Lab ใช้ข้อมูลจากอุปกรณ์จำลองและเครื่องมือโอเพนซอร์ส ผู้เรียนได้ไฟล์ Flow ครบทุก Lab และไฟล์ docker-compose สำหรับ Node-RED, Mosquitto และ MySQL กลับไปใช้งานต่อ

Day 1 พื้นฐาน Node-RED 5 และการเขียน Flow

Section 1: Lab: ติดตั้งและรู้จัก Node-RED 5

Node-RED และแนวคิด Flow-Based Programming ใช้ทำอะไรได้บ้าง
ติดตั้ง Node.js 24 และ Node-RED 5 ด้วย npm หรือ Docker
สำรวจ Editor ของ Node-RED 5: Sidebar, Explorer และ Dark Theme
ไฟล์ settings.js, User Directory และ Palette Manager
Export และ Import Flow เป็นไฟล์ JSON

Section 2: Lab: Flow, Node และ Message Object

โครงสร้าง msg, msg.payload และ msg.topic
Node พื้นฐาน: Inject, Debug, Change, Switch, Template และ Delay
Link Node, Group และการจัด Flow ให้อ่านง่าย
Lab: Flow รับค่า แปลงรูปแบบ และแยกเส้นทางตามเงื่อนไข

Section 3: Lab: Function Node และ Context

เขียน JavaScript ใน Function Node และแก้ไข Property ของ msg
ส่ง Output หลายทางและส่งหลายข้อความ
เก็บสถานะด้วย Context ระดับ Node, Flow และ Global
ตั้งค่า Context Store แบบไฟล์ให้ข้อมูลอยู่หลังรีสตาร์ต
Lab: นับจำนวนและหาค่าเฉลี่ยเคลื่อนที่ของข้อมูลเซนเซอร์

Section 4: Lab: Subflow, Environment Variable และ Error

สร้าง Subflow พร้อม Property เพื่อนำ Logic กลับมาใช้ซ้ำ
ใช้ Environment Variable แยกค่าตั้งค่าออกจาก Flow
จัดการ Error ด้วย Catch, Status และ Complete Node
Lab: Subflow ตรวจและแปลงข้อมูลอุปกรณ์ที่ใช้ได้ทุก Flow

Section 5: Lab: HTTP Node และ RESTful API

เรียก API ภายนอกด้วย HTTP Request Node และแปลง JSON
สร้าง HTTP Endpoint ด้วย HTTP In และ HTTP Response
ออกแบบ RESTful API สำหรับรับข้อมูลจากอุปกรณ์
Lab: API รับค่าเซนเซอร์และ API ดึงข้อมูลสภาพอากาศ

Day 2 MQTT และ Dashboard 2.0

Section 6: Lab: MQTT กับ Mosquitto

MQTT ทำงานอย่างไร: Broker, Topic, Wildcard, QoS และ Retained
ติดตั้ง Mosquitto บนเครื่องหรือ Docker พร้อม Username และ Password
รับส่งข้อมูลด้วย MQTT In และ MQTT Out แบบ JSON
Lab: อุปกรณ์จำลองหลายตัวส่งค่าเข้า Broker และ Node-RED รับไปประมวลผล

Section 7: Lab: เริ่มต้น Dashboard 2.0

ทำไม node-red-dashboard รุ่นเดิมจึงเลิกพัฒนา และสิ่งที่เปลี่ยนใน Dashboard 2.0
ติดตั้ง @flowfuse/node-red-dashboard ผ่าน Palette Manager
โครงสร้าง ui-base, ui-page, ui-group และ ui-theme
เลือก Layout ของแต่ละหน้า และการรองรับหน้าจอมือถือ
เปิด Dashboard ที่ /dashboard และจัดเมนูหลายหน้า

Section 8: Lab: Widget แสดงผลข้อมูล

ui-chart แบบเส้นและแท่งสำหรับข้อมูล Real-time
ui-gauge และ ui-text สำหรับค่าปัจจุบัน
ui-table แสดงรายการข้อมูล และ ui-notification แจ้งเตือน
Lab: หน้าแสดงอุณหภูมิ ความชื้น และสถานะอุปกรณ์

Section 9: Lab: Widget รับค่าและควบคุมอุปกรณ์

ui-button, ui-switch และ ui-slider สำหรับสั่งงาน
ui-dropdown, ui-text-input และ ui-form สำหรับรับข้อมูล
ส่งคำสั่งจาก Dashboard ไปยังอุปกรณ์ผ่าน MQTT
ซิงก์สถานะระหว่างผู้ใช้หลายคนที่เปิดหน้าเดียวกัน
Lab: แผงควบคุมเปิดปิดอุปกรณ์และตั้งค่าเกณฑ์แจ้งเตือน

Section 10: Workshop: Dashboard ติดตามอุปกรณ์แบบ Real-time

ออกแบบหน้า Dashboard สำหรับผู้ใช้งานและผู้ดูแล
รวมข้อมูลจาก MQTT และ API มาแสดงในหน้าเดียว
แจ้งเตือนบน Dashboard เมื่อค่าเกินเกณฑ์
ทดสอบบนจอคอมพิวเตอร์และมือถือ

Day 3 ฐานข้อมูล การปรับแต่ง และ Deploy

Section 11: Lab: เชื่อมฐานข้อมูล MySQL

ติดตั้ง MySQL หรือ MariaDB ด้วย Docker และออกแบบตารางเก็บข้อมูลอุปกรณ์
ใช้ node-red-node-mysql ส่ง Query ผ่าน msg.topic
ทำ CRUD ด้วย Parameter แทนการต่อ String เพื่อป้องกัน SQL Injection
Lab: บันทึกข้อมูลจาก MQTT ลงฐานข้อมูลอัตโนมัติ

Section 12: Lab: ข้อมูลย้อนหลังและรายงานบน Dashboard

Query ข้อมูลตามช่วงเวลาและสรุปรายชั่วโมงหรือรายวัน
แสดงกราฟย้อนหลังด้วย ui-chart และเลือกช่วงเวลาจาก Dashboard
ฟอร์มเพิ่มและแก้ไขข้อมูลด้วย ui-form และ ui-table
Lab: หน้ารายงานพร้อมดาวน์โหลดไฟล์ CSV

Section 13: Lab: ปรับแต่งด้วย ui-template และ Theme

ui-template สร้าง Widget เองด้วย Vue และคอมโพเนนต์ของ Vuetify
CSS แบบทุกหน้าและเฉพาะหน้า และการตั้งค่า ui-theme
ควบคุมการเปลี่ยนหน้าและการแสดงผลด้วย ui-control
Lab: การ์ดสถานะอุปกรณ์แบบกำหนดเอง

Section 14: ความปลอดภัยและการ Deploy

ป้องกัน Editor ด้วย adminAuth และเปิดใช้ HTTPS
แยกข้อมูลตามผู้ใช้ด้วย Client Constraint ใน Dashboard 2.0
Deploy Node-RED, Mosquitto และ MySQL ด้วย Docker Compose
สำรอง Flow และจัดการเวอร์ชันด้วย Projects และ Git

Section 15: Workshop: IoT Monitoring Dashboard ครบวงจร

อุปกรณ์จำลองส่งข้อมูลผ่าน MQTT เข้าสู่ Node-RED
บันทึกลง MySQL และแสดงทั้งค่าปัจจุบันและกราฟย้อนหลัง
แจ้งเตือนและสั่งงานอุปกรณ์จาก Dashboard
นำเสนอผลงานและแนวทางต่อยอดในองค์กร

รอบอบรมและรูปแบบการอบรม

สำหรับบุคคล — รอบอบรมทั่วไป

10–12พฤศจิกายน

ในคลาสเรียน10–12 พ.ย. 69

เหลือ 20 ที่นั่ง

12–14มกราคม

ในคลาสเรียน12–14 ม.ค. 70

เหลือ 20 ที่นั่ง

9–11มีนาคม

ในคลาสเรียน9–11 มี.ค. 70

เหลือ 20 ที่นั่ง

25–27พฤษภาคม

ในคลาสเรียน25–27 พ.ค. 70

เหลือ 20 ที่นั่ง

6–8กรกฎาคม

ในคลาสเรียน6–8 ก.ค. 70

เหลือ 20 ที่นั่ง

7–9กันยายน

ในคลาสเรียน7–9 ก.ย. 70

เหลือ 20 ที่นั่ง

16–18พฤศจิกายน

ในคลาสเรียน16–18 พ.ย. 70

เหลือ 20 ที่นั่ง

สำหรับองค์กร — In-house / Private Training

ปรับเนื้อหาให้ตรงกับเครื่องมือและงานจริงของทีม
เลือกวันเอง อบรมที่บริษัทหรือออนไลน์สด
ออกใบเสนอราคาในนามนิติบุคคลให้ฝ่ายจัดซื้อ

ขอใบเสนอราคาอบรมองค์กร

วิทยากรผู้สอน

สนิทวงศ์ กมลภากรณ์วิทยากรผู้สอน

คำถามที่พบบ่อย

Node-RED คืออะไร ใช้ทำอะไรได้บ้าง

Node-RED เป็นเครื่องมือเขียนโปรแกรมแบบ Flow-based บน Node.js ที่สร้างโปรแกรมด้วยการลาก Node มาวางและต่อสายกันในหน้า Editor บนเว็บเบราว์เซอร์ ข้อมูลไหลระหว่าง Node ในรูปแบบ Message Object ที่มี msg.payload เป็นข้อมูลหลัก นิยมใช้เชื่อมอุปกรณ์ IoT และเซนเซอร์ เรียกหรือสร้าง API บันทึกข้อมูลลงฐานข้อมูล และทำ Dashboard ติดตามค่าต่าง ๆ แบบเรียลไทม์ โดยเขียน JavaScript เพิ่มใน Function Node ได้เมื่อต้องการ รุ่นปัจจุบันคือ Node-RED 5 ซึ่งต้องใช้ Node.js 22.9 ขึ้นไป

MQTT คืออะไร ใช้กับ Node-RED อย่างไร

MQTT เป็นโปรโตคอลรับส่งข้อความขนาดเล็กแบบ Publish/Subscribe ที่นิยมในงาน IoT อุปกรณ์จะส่งข้อความไปยัง Topic ผ่านตัวกลางที่เรียกว่า Broker เช่น Mosquitto และผู้ที่ Subscribe Topic นั้นจะได้รับข้อความทันที ใน Node-RED ใช้ Node mqtt in รับข้อความจาก Topic และ mqtt out ส่งข้อความ โดยตั้งค่าที่อยู่ของ Broker และบัญชีผู้ใช้ใน Node แล้วต่อไปยัง Node อื่น เช่น Function หรือ Widget ของ Dashboard เพื่อประมวลผลและแสดงผล

ควรใช้ Dashboard 2.0 หรือ node-red-dashboard รุ่นเดิม

โปรเจกต์ใหม่ควรใช้ Dashboard 2.0 ซึ่งติดตั้งจากแพ็กเกจ @flowfuse/node-red-dashboard ผ่าน Manage palette เพราะ node-red-dashboard รุ่นเดิมสร้างบน AngularJS ที่หยุดพัฒนาแล้ว และทีมผู้ดูแลประกาศให้ถือว่าเลิกพัฒนาตั้งแต่ปี 2024 Dashboard 2.0 สร้างบน Vue มีโครงสร้าง Page และ Group, Widget ครบทั้งแสดงผลและรับค่า และปรับแต่งเพิ่มได้ด้วย ui-template ส่วนระบบเดิมที่ยังใช้รุ่นเก่าควรวางแผนย้าย Flow มาทีละหน้า

หลักสูตร Node-RED Dashboard Programming เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับผู้ดูแลระบบและทีมไอทีที่ต้องการสร้างหน้า Monitoring วิศวกรและนักพัฒนางาน IoT ผู้ที่ใช้ Dashboard รุ่นเดิมและต้องการย้ายมาใช้ Dashboard 2.0 และนักศึกษาที่สนใจพัฒนา Dashboard Web Application ควรมีพื้นฐานการเขียนโปรแกรมเบื้องต้น หากคุ้นเคย JavaScript จะช่วยได้มาก เข้าใจพื้นฐานเครือข่าย และใช้ Command Line เบื้องต้นได้

เรียนจบหลักสูตร Node-RED Dashboard Programming แล้วทำอะไรได้บ้าง

ติดตั้งและใช้ Node-RED 5 เขียน Flow, Function Node และ Subflow เรียกและสร้าง REST API รับส่งข้อมูลอุปกรณ์ด้วย MQTT สร้าง Dashboard 2.0 ที่มีทั้ง Widget แสดงผลและควบคุม เชื่อม MySQL ทำ CRUD และกราฟย้อนหลัง ปรับแต่งด้วย ui-template และ Deploy อย่างปลอดภัยด้วย Docker ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้

เรียน Node-RED Dashboard Programming ต้องเตรียมโปรแกรมอะไรบ้าง

เตรียมโน้ตบุ๊ก Windows, macOS หรือ Linux ที่มีสิทธิ์ติดตั้งโปรแกรม ติดตั้ง Node.js 24 LTS และ Docker Desktop ได้ ส่วน Node-RED 5, Dashboard 2.0, Mosquitto และ MySQL จะติดตั้งด้วยกันในชั้นเรียน ทุก Lab ใช้ข้อมูลจากอุปกรณ์จำลองจึงไม่จำเป็นต้องมีฮาร์ดแวร์ ผู้ที่มีบอร์ด IoT ของตนเองนำมาเชื่อมต่อได้