Zero to Hero ไม่มีพื้นฐานก็ใช้ NETPIE ได้ : Part 5

Siriyaporn Sakunwa
NEXPIE Co., Ltd.
Published in
3 min readJun 12, 2023

--

จาก Part 4 เราได้ลองควบคุม LED ด้วย MQTT ไปแล้ว ใน Part นี้เราจะใช้ NETPIE ในการควบคุม LED กันค่ะ

การเริ่มต้น Dashboard บน NETPIE

ต่อไปเราจะมาทำการใช้ Dashboard บน NETPIE ในการควบคุมการเปิด/ปิดของ LED กันนะคะ เราสามารถที่จะใช้ Code เดิมของเราได้เลยค่ะโดยที่เราเข้าไปที่ Dashboard ในเว็บของ NETPIE.io จากนั้นไปคลิกที่ “+Create” เพื่อทำการสร้างตัว Dashboard ขึ้นมา

  1. ใส่ชื่อที่เราต้องการที่จะตั้งเข้าไปในช่อง “Dashboard Name” ส่วนช่อง Dashboard Description เราจะใส่หรือไม่ใส่ก็ได้แล้วแต่เราเป็นการอธิบาย จากนั้นทำการกด “SAVE

2. จากนั้นคลิกเข้าไปที่ชื่อที่เราได้ทำการสร้างไว้

3. ให้เราคลิกเข้าไปให้คลิกที่ “Setting

4. จากนั้นให้ทำการคลิกที่ “+Add device” โดยที่เราจะทำการเพิ่มอุปกรณ์

5. ให้เลือกอุปกรณ์ที่เราได้เอาส่วนของ Client id, Token, Password ไปใส่ที่ตัวของ WOKWI ในส่วนของ Alias จะขึ้นเองอัตโนมัติ และ Privileges จะมีให้เลือกคือ

Subscribe Message” คือ การรับข้อมูลใน Topic ที่ต้องการ

Publish Message” คือ การส่งข้อมูลไปยัง Topic ที่ต้องการ

Shadow Read” คือ จำนวนการอ่าน Shadow โดยดูจากขนาดของ Shadow ที่ถูกอ่านออกมา แต่ละ Block มีขนาดไม่เกิน 1 kilobyte

Shadow Write” คือ จำนวนการเขียน Shadow โดยดูจากขนาดของ Shadow ที่ส่งไปเขียน แต่ละ Block มีขนาดไม่เกิน 1 kilobyte

Read Feed” คือ การอ่านข้อมูลจาก feed หรือชุดข้อมูลที่ส่งขึ้นไป

Write Feed” คือ การสร้าง feed หรือชุดข้อมูลที่สามารถส่งขึ้นไป

ในที่นี้เราจะใช้ Subcribe Message, Publish Message, Shadow read, Shadow Write หรือเราสามารถเลือกตามที่เราต้องการได้เลย จากนั้นอย่าลืม “SAVE

6. จากนั้นกลับมาที่ Dashboard เพื่อทำการสร้าง widget ให้คลิกที่ “Edit

7. ให้เราคลิกที่ “+Add panel” และคลิกที่ “+

8. ให้เราเลือกประเภทของ widget คือ “Toggle

9. ให้เราตั้งชื่อในช่อง “LABEL

ในช่องของ ONTOGGLEON ACTION กับ ONTOGGLEOFF ACTION ให้เราเลือกอุปกรณ์ตัวที่เราได้ใส่ลงในส่วนของ Setting แล้วจะมีให้เราเลือกอีกให้เลือกที่ publishMsg() ใน “” แรกให้เราใส่ชื่อในส่วนของ MQTT ที่ชื่อจะต้องตรงกัน และ “” ที่สองให้ใส่ว่า ledon กับ ledoff ตามลำดับดังรูป จากนั้นทำการกด SAVE ที่มุมขวาบนของพื้นหลังสีเทา และ SAVE สีฟ้ามุมขวาบนอีกรอบเพราะไม่งั้น Dashboard จะไม่ทำการ SAVE ให้เรา และเราจะต้องทำการสร้าง widget ขึ้นมาใหม่อีกรอบ

10. เมื่อการ SAVE เรียบร้อยจะขึ้น widget ของ Toggle ที่เราได้สร้างไว้

11. ให้เรากลับไปที่ WOKWI และทำการคลิก “Start the Simulation” ปุ่มสีเขียว และกลับไปที่ NETPIE ทำการกด “Toggle” ให้กดเปิด LED

LED ON
LED OFF

หรือเราจะทำลองสั่งในแอปของ NETPIE 2020 ก็ได้ สามารถโหลดได้ทั้ง Android และ IOS ทำการล็อกอินปกติเหมือนอย่างที่ทำในเว็บได้เลยจากนั้นก็กดไปที่ Device ที่เราได้สร้างและจะขึ้นตัวของ Dashboard ขึ้นมาแค่นี้เราก็จะสามารถควบคุมผ่านมือถือของเราได้ แต่ในส่วนของ Client id, Token, Secret จะไม่สามารถดึงข้อมูลส่วนนั้นใน Moblie App ได้

ตัวอย่างการแสดงผล NETPIE 2020 บน Mobile app https://youtu.be/TvgYjaH5T78

สรุป

บทความนี้เป็นความตั้งใจของเราว่าอยากให้ผู้ที่เริ่มต้นหรือผู้ใช้งานใหม่สามารถที่จะเข้าใจพื้นฐาน วิธีการใช้งานตั้งแต่เริ่มต้นยันจบ อย่างละเอียดและสามารถที่จะนำไปประยุกต์หรือต่อยอดต่อได้โดยที่เรายกตัวอย่างง่ายๆที่สามารถควบคุมได้ทั้ง MQTT และ Dashboard บน NETPIE เพื่อควบคุม LED โดยใช้ Hardware เป็นการจำลองต่อวงจรอิเล็กทรอนิกส์ เพื่อง่ายสำหรับผู้ที่เริ่มต้นใช้หรือผู้ใช้งานให้สามารถที่จะต่อวงจรอิเล็กทรอนิกส์ และสามารถนำไปใช้ได้ในต่อไป สำหรับ WOKWI บอร์ดในการใช้มีแค่ Arduino ,ESP32 เป็นต้น ในส่วนของ ESP8266 อาจจะไม่มี(หรือถ้าใครสามารถเจอบอร์ด ESP8266 แวะมาบอกเราได้นะคะ) ส่วนการใช้งานสามารถใช้ได้จริง มีการต่อสาย ต่ออุปกรณ์ต่างๆได้ สามารถเชื่อมต่อกับ NETPIE ,MQTT ได้ ความสวยงามใช้งานง่ายสามารถใช้งานได้ดี สะดวก และเหมาะสำหรับคนที่ไม่มีบอร์ดหรืออุปกรณ์จริงๆได้ สามารถทำได้ทุกที่ อีกทั้งเราสามารถดู Project ของผู้อื่นได้ ถ้าต้องการที่จะ Save ก็สามารถทำได้โดยโหลดเป็นไฟล์ zip ลงคอมพิวเตอร์ของเราได้ เราจะได้ไฟล์ Arduino IDE มา

หากผิดพลาดประการใด หรือมีข้อแนะนำติเตือนสามารถที่จะติดต่อได้ที่ Email: sakunwa1622@gmail.com

--

--