NETPIE Manager: Opensource เพื่อช่วยให้การติดต่อกับ netpie.io ผ่านโพรโตคอล mqtt ได้ง่ายยิ่งขึ้น

NETPIE Manager ครับ… เกิดมาช่วย generate MQTT USER + PASSWORD จาก netpie โดยเฉพาะ..

Netpie Manager แยกตัวออกมาจากโปรเจ็ค CMMC Devices ครับ เพราะว่าความตั้งใจ CMMC Devices นั้นค่อนข้างทำเยอะ และไปไกลกว่านี้มากครับ มันเลยไม่เสร็จซะทีเนื่องจากช่วงนี้ผมทำงานมากกว่า 7 วันต่อสัปดาห์ครับ…

เลยต้อง split ออกมาเป็น Netpie Manager ครับ ถ้ามีเวลาจะกลับไป review netpie นะครับ… ว่า netpie.io มีอะไรบ้าง แล้วทำไมถึงเป็นความหวังของนักพัฒนา IoT อย่างพวกผม 

ถ้าจะพูดกันจริงๆแล้ว netpie.io ไม่ใช่ mqtt broker อย่างที่พวกเราใช้กันนะครับ  netpie.io เป็นมากกว่ากว่านี้ แต่พวกเราจำเป็นต้องใช้แค่ส่วนของ mqtt broker ก่อนครับ เนื่องจากต้องการให้เหมาะสมกับ library ที่พวกเรามีน่ะครับ..

 

# Feature ของ Netpie Manager

• ระบบจะช่วยจำ User/Pass สำหรับการใช้งานส่วนของ MQTT Broker ของ netpie ครับ
• ระบบจะจำทุกอย่างไว้ให้ จนกว่าจะสั่ง Clear ครับ ส่งผลให้ไม่ต้องกรอก appKey / appId / appSecret กันหลายครั้งครับ (auto save)
• การ request  MQTT password ระบบนี้ปลอดภัยนะครับ เพราะว่าจะทำผ่าน service แยกออกไปต่างหาก ในรูปแบบของ Api ครับ แล้ววิ่งอยู่บน https ครับ สบายใจได้
• database จะถูกเก็บอยู่ใน localstorage ของแต่ละ browser ครับ ตอนนี้ไม่มีการ sync ไปไหน
• ในอนาคตระบบจะทำรายการของ username/password ที่ถูกเก็บไว้ทั้งหมดให้นะครับ ตอนนี้ขาดแค่ views ใครสนใจส่ง pull request เข้ามาได้เลยครับ
• ระบบนี้ opensource นะครับ สามารถเอาไปปรับใช้งานกันได้เลย โดยเราเลือกใช้ gulp, angular.js, angular-material พร้อมทั้งใช้ node-sass ช่วยให้เราเขียน css ได้รวดเร็วมากขึ้นครับ

# พัฒนาโดยใช้เครื่องมือดังนี้

•  angular.js โดยมี gulp angular material generator เข้ามาช่วย
•  theme ตามด้านบนคือ angular material design ครับ
•  ติดต่อขอ api โดยผ่าน service ที่วิ่งบน https ครับ
•  เก็บข้อมูลลง localstorage สามารถ clear ทิ้งเมื่อไหร่ก็ได้ครับ
•  เป็น client side เท่านั้น.. สั่ง gulp build แล้วสามารถอยู่บน server อะไรก็ได้ครับ ต้องการแค่ serve static ธรรมดาๆเท่านั้น 

source code: https://github.com/cmmakerclub/netpie-manager

เข้าใช้งาน: http://cmmakerclub.github.io/netpie-manager/dist/#/

 

ตัวอย่างการใช้งาน