ไม่ต้องง้อสาย USB! คุมบอร์ด Arduino UNO Q ผ่านจอมือถือด้วย Web Dashboard

Control Arduino UNO Q via Smartphone Web Dashboard
โฉมหน้า Dashboard บนสมาร์ทโฟนที่สั่งการบอร์ด Arduino UNO Q ได้แบบไร้สาย (Wi-Fi) ชิลๆ!

Wassup ชาว Maker และสาย IoT ทั้งหลาย! 🚀 เวลาเราทำโปรเจกต์เจ๋งๆ อย่างเครื่องรดน้ำต้นไม้อัจฉริยะ หรือกล้อง AI ติดเพดาน พอเอาอุปกรณ์ไปติดตั้งหน้างานจริง (Deploy) แล้ว... เกิดอยากจะเปลี่ยนการตั้งค่า หรือดูสถานะบอร์ดขึ้นมา การต้องมานั่งปีนบันไดลากสาย USB-C ไปเสียบคอมมันคือความปวดหัวขั้นสุดเลยใช่ไหมล่ะครับ?

วันนี้แอดมินมีโซลูชันสุดตึงจาก [Daniel D'Souza] ที่จะมาเปลี่ยนบอร์ด Arduino UNO Q ให้กลายเป็น Web Server ขนาดย่อมๆ เพื่อให้คุณคุมมันผ่านเบราว์เซอร์บนมือถือได้เลย ไม่ต้องโหลดแอปเพิ่ม ไม่ต้องเสียบสายหลังเซ็ตอัปเสร็จ!

ทำไมต้องเชื่อม 2 สมอง? (The Dual-Brain Magic) 🧠✨

ความพีคของบอร์ด Arduino UNO Q คือมันไม่ได้มีแค่ไมโครคอนโทรลเลอร์โง่ๆ แต่มีสถาปัตยกรรม "สมองคู่ (Dual-brain)" ครับ:

  • สมองซีกซ้าย (Linux MPU): ใช้ชิป Qualcomm® Dragonwing™ รัน Linux Debian เอาไว้ประมวลผลงานหนักๆ อย่าง AI ในโปรเจกต์นี้เราจะให้มันรัน Python Flask Web Server เพื่อปล่อยหน้า Dashboard ผ่าน Wi-Fi ครับ
  • สมองซีกขวา (STM32 MCU): ใช้ชิป STM32U585 ไว้คุมฮาร์ดแวร์แบบเรียลไทม์ (Real-time) ทำหน้าที่รับคำสั่งจากฝั่ง Linux เพื่อเปิด-ปิดไฟ หรือคุม Relay

พูดง่ายๆ คือ มือถือ -> สั่งงานผ่านเว็บ (Wi-Fi) -> Linux MPU รับเรื่อง -> ส่งคำสั่ง Serial -> STM32 คุมฮาร์ดแวร์ โคตรจีเนียส!

💡 ป้ายยาไอเทมเด็ด: โปรเจกต์ที่ต้องนำบอร์ดไปติดตั้งนอกสถานที่ (Remote location) การมี เคสกันน้ำ หรือ กล่องหุ้มบอร์ด (Enclosure) ที่พอดีเป๊ะ ถือเป็นเรื่องคอขาดบาดตายเลยครับ!

หากเพื่อนๆ กำลังมองหา บอร์ดพัฒนา Arduino UNO Q หรือต้องการ บริการรับปริ้นท์ชิ้นงาน 3D (3D Printing Service) เพื่อทำเคสสวยๆ ป้องกันบอร์ดพัง แวะมาจัดที่ Globalbyte Shop ได้เลยครับ ทัก LINE OA มาปรึกษาหรือส่งไฟล์ 3D ให้เราตีราคาฟรีๆ ได้เลย!

Step-by-Step พาทำ Web Dashboard ไร้สาย 🚀

มาดูภาพรวมขั้นตอนการทำกันครับ (เตรียมโหลดโค้ดได้ที่ลิงก์ด้านล่างสุดนะ):

  1. เชื่อม Wi-Fi และหา IP: เสียบสายเข้า PC เข้า Linux Terminal แล้วพิมพ์คำสั่ง hostname -I เพื่อจด IP Address ของบอร์ดเก็บไว้ (เช่น 192.168.1.45)
  2. ปลุกกล้ามเนื้อ STM32: เปิด Arduino IDE เลือกพอร์ตของฝั่ง STM32 แล้วอัปโหลดโค้ดให้มันคอยฟัง (Listen) คำสั่ง Serial จากฝั่ง Linux ถ้าส่ง 1 ให้เปิดไฟ ถ้า 0 ให้ปิดไฟ
  3. ตั้งค่า Web Server ด้วย Python: กลับมาฝั่ง Linux MPU โหลดไลบรารีด้วย pip3 install flask pyserial สร้างไฟล์ dashboard.py แล้วรันสคริปต์เพื่อสร้างหน้าเว็บ
  4. คุมผ่านมือถือ!: เอามือถือต่อ Wi-Fi วงเดียวกัน เปิด Chrome/Safari แล้วพิมพ์ http://[IP-Address-ของบอร์ด]:5000 จิ้มปุ่มบนจอ แล้วดูบอร์ดทำงานได้เลย เฟี้ยวจัด!

⚠️ คำเตือน: งานทุบหลังบ้าน (Backend Warning)

สำหรับมือใหม่ การใช้คำสั่ง SSH เข้า Linux Terminal และการรัน Python Flask Server อาจจะดูซับซ้อนไปนิด แอดมินแนะนำให้เข้าไปอ่าน บทความต้นฉบับฉบับเต็ม และค่อยๆ ทำความเข้าใจทีละบรรทัดโค้ดนะครับ ไม่ยากเกินความสามารถของสาย Maker แน่นอน!

Arduino IDE Uploading Code
การอัปโหลดโค้ดให้ฝั่ง STM32 ผ่าน Arduino IDE ให้รอรับคำสั่งผ่าน Serial
Linux Terminal running Python Flask
รันไฟล์ Python Flask (dashboard.py) บน Linux Terminal ของฝั่ง MPU
Flask Server Feedback
หน้าตาการส่งค่า Feedback กลับมาเมื่อเรากดปุ่มจากหน้าเว็บมือถือ (200 OK)

🔗 ข้อมูลอ้างอิงและดาวน์โหลดซอร์สโค้ด (โหลดไปลองเล่นกันเลย!):

⚡ อุปกรณ์พร้อม โค้ดพร้อม แล้วคุณล่ะพร้อมยกระดับโปรเจกต์ IoT หรือยัง? ⚡

🛒 ช้อปบอร์ด Arduino UNO Q และส่งแบบพิมพ์เคส 3D Print ที่ Globalbyte 💬 เข้าร่วมกลุ่มคอมมูนิตี้เมกเกอร์ แลกเปลี่ยนไอเดียสายหาทำ 📲 ปรึกษาโปรเจกต์และสั่งประเมินราคา 3D Print ฟรี ผ่าน LINE OA
*Disclaimer (ข้อจำกัดความรับผิดชอบ): เนื้อหาบทความนี้ถูกเรียบเรียงและสรุปมาจากโปรเจกต์ Open Source ของต่างประเทศ การตั้งค่า Network (IP Address) และการเปิด Web Server อาจมีความแตกต่างไปตามระบบเครือข่ายของเราเตอร์แต่ละบ้าน ผู้ที่สนใจควรเข้าไปศึกษา ขั้นตอนจากบทความต้นฉบับ อย่างละเอียด เพื่อความปลอดภัยและการเชื่อมต่อที่เสถียรครับ!

Blog posts

เข้าสู่ระบบ

ลืมรหัสผ่านใช่ไหม?

ยังไม่มีบัญชีใช่ไหม?
สร้างบัญชี