What is Node-RED and what can it be used for?

Node-RED is a flow-based programming tool built on Node.js. You create programs by dragging nodes onto an editor in your web browser and wiring them together, and data flows between nodes as a message object whose main data is msg.payload. It is widely used to connect IoT devices and sensors, call or create APIs, save data to databases and build real-time dashboards, and you can add JavaScript in a Function node when needed. The current release is Node-RED 5, which requires Node.js 22.9 or later.

What is MQTT and how is it used with Node-RED?

MQTT is a lightweight publish/subscribe messaging protocol that is popular in IoT. Devices publish messages to a topic through an intermediary called a broker, such as Mosquitto, and anyone subscribed to that topic receives them immediately. In Node-RED, the mqtt in node receives messages from a topic and the mqtt out node sends them. You configure the broker address and credentials in the node, then wire it to other nodes, such as a Function node or a dashboard widget, to process and display the data.

Should I use Dashboard 2.0 or the original node-red-dashboard?

New projects should use Dashboard 2.0, installed from the @flowfuse/node-red-dashboard package through Manage palette. The original node-red-dashboard is built on AngularJS, which is no longer maintained, and its maintainers declared it deprecated in 2024. Dashboard 2.0 is built on Vue, organises screens into pages and groups, offers a full set of display and input widgets and can be extended with ui-template. Existing systems on the old version should plan to migrate their flows page by page.

Who is the Node-RED Dashboard Programming course for, and what should I know beforehand?

It suits system administrators and IT teams who want monitoring screens, IoT engineers and developers, users of the old dashboard who want to move to Dashboard 2.0, and students interested in building dashboard web applications. You should have basic programming skills, ideally some JavaScript, basic networking knowledge and basic command-line skills.

What will I be able to do after the Node-RED Dashboard Programming course?

You will be able to install and use Node-RED 5, write flows, Function nodes and subflows, call and create REST APIs, exchange device data over MQTT, build Dashboard 2.0 screens with display and control widgets, connect MySQL for CRUD and historical charts, customise with ui-template and deploy securely with Docker. Participants who complete the training receive a Certificate of Completion with its own number, which can be verified online.

What software do I need to prepare for the Node-RED Dashboard Programming course?

Bring a Windows, macOS or Linux laptop with permission to install software, able to run Node.js 24 LTS and Docker Desktop. Node-RED 5, Dashboard 2.0, Mosquitto and MySQL are installed together in class. Every lab uses simulated devices, so no hardware is needed, though you are welcome to connect your own IoT board.

ພາສາໂປຣແກຣມມິງ · PRC-31

Node-RED Dashboard Programming

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

ອັບເດດລ່າສຸດ 8 ຕ.ລ. 2026

ລາຄາເລີ່ມຕົ້ນ 8,550 ບາດ / ທ່ານ 9,500 −10% ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ເບິ່ງຮອບຝຶກອົບຮົມ

PDFດາວໂຫຼດ Course Outline

ໄລຍະເວລາ18 ຊົ່ວໂມງ · 3 ມື້
ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
ຮອບຕໍ່ໄປ12–14 ມ.ກ. 27
ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ

ພາບລວມຫຼັກສູດ

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
นำเสนอผลงานและแนวทางต่อยอดในองค์กร

ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ

ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ

12–14ມັງກອນ

ໃນຫ້ອງຮຽນ12–14 ມ.ກ. 27

ເຫຼືອ 20 ບ່ອນນັ່ງ

9–11ມີນາ

ໃນຫ້ອງຮຽນ9–11 ມ.ນ. 27

ເຫຼືອ 20 ບ່ອນນັ່ງ

25–27ພຶດສະພາ

ໃນຫ້ອງຮຽນ25–27 ພ.ພ. 27

ເຫຼືອ 20 ບ່ອນນັ່ງ

6–8ກໍລະກົດ

ໃນຫ້ອງຮຽນ6–8 ກ.ລ. 27

ເຫຼືອ 20 ບ່ອນນັ່ງ

7–9ກັນຍາ

ໃນຫ້ອງຮຽນ7–9 ກ.ຍ. 27

ເຫຼືອ 20 ບ່ອນນັ່ງ

16–18ພະຈິກ

ໃນຫ້ອງຮຽນ16–18 ພ.ຈ. 27

ເຫຼືອ 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 ของตนเองนำมาเชื่อมต่อได้