Node-RED × IoT 事始め ~ESPr × Node-RED × Milkcocoa~ / IoT using Node-RED

2017.06.28
Node-RED UG勉強会 Vol.5 「Node-RED x IoT」
https://node-red.connpass.com/event/57219/

Transcript

1. Node-RED × IoT ࣄ࢝Ί
   ~ ESPr × Node-RED × Milkcocoa ~
   2017.6.28 (wed)
   Node-RED UGษڧձ Vol.5 ʮNode-RED x IoTʯ
   @shanonim
   

   View Slide

2. ࣰݪ߂ޫ
   )JSPNJUTV4IJOPIBSB
   !TIBOPOJN
   

   View Slide

3. View Slide

4. View Slide

5. Node-RED
   

   View Slide

6. View Slide

7. What’s Node-RED
   • ϊϯϓϩάϥϛϯά
   • ϒϥ΢β্Ͱ෦඼Λܨ͛ͯIoTͰ͖Δ
   • node-module͕installͰ͖Δ
   • @1ft-seabass ͞Μ͕Α͔͍ͭͬͯ͘Δ
   

   View Slide

8. View Slide

9. ࠓ೔࿩͢͜ͱ
   • How to Use
   • Install and Access
   • Hello World
   • Node-RED × IoT
   • node-red-contrib-milkcocoa
   • node-red-dashboard
   

   View Slide

10. Install and Access
    

    View Slide

11. Install and Access
    • install Node-RED
    • http://127.0.0.1:1880/
    

    View Slide

12. Install and Access
    

    View Slide

13. Hello World
    

    View Slide

14. Hello World
    • connect inject node and debug node
    

    View Slide

15. Hello World
    • edit inject node
    

    View Slide

16. Hello World
    click injected!!
    

    View Slide

17. ☺
    

    View Slide

18. Node-RED × IoT
    

    View Slide

19. with Milkcocoa
    

    View Slide

20. • IoTʹಛԽͨ͠BaaS
    • MQTTϦΞϧλΠϜ௨৴
    • σʔλͷอଘɾߋ৽ɾऔಘ
    • ๛෋ͳSDK
    

    View Slide

21. node-red-contrib-milkcocoa
    • A collection of Node-RED nodes for Milkcocoa
    

    View Slide

22. node-red-contrib-milkcocoa
    

    View Slide

23. milkcocoa app_id
    

    View Slide

24. API Key
    API Secret
    

    View Slide

25. View Slide

26. Success
    

    View Slide

27. Node-RED × IoT
    with Milkcocoa
    Push Detection
    

    View Slide

28. Push Detection
    • subscribe push event on Milkcocoa
    push to milkcocoa
    detect event from
    milkcocoa
    

    View Slide

29. Push Detection
    

    View Slide

30. push()
    onPush()
    

    View Slide

31. Sample IoTing
    

    View Slide

32. ESPr (Arduino)
    ×
    Light Sensor
    ×
    Node-RED
    with Milkcocoa
    

    View Slide

33. ESPr (Arduino)
    ×
    Light Sensor
    ×
    Node-RED
    with Milkcocoa
    Internet
    Things
    

    View Slide

34. Monitoring Brightness
    1VTI
    
    &41S%FWFMPQFS &418300.։ൃϘʔυ
    
    PO1VTI
    
    

    View Slide

35. ESPr
    Grove Shield Light Sensor
    

    View Slide

36. View Slide

37. Monitoring Brightness
    

    View Slide

38. Monitoring Brightness
    • Add function for getting value
    

    View Slide

39. Demo
    

    View Slide

40. 
    It’s hard to see…
    

    View Slide

41. Data Visualization
    

    View Slide

42. 
    Looks good!
    

    View Slide

43. Data Visualization
    • node install node-red-dashboard
    

    View Slide

44. Data Visualization
    • can change setting
    

    View Slide

45. Demo
    

    View Slide

46. ·ͱΊ
    

    View Slide

47. ·ͱΊ
    • ͳ͍ͥ··Ͱ΍Βͳ͔ͬͨͷ͔…
    • node-moduleͰເ͕޿͕Δ
    • ࢹ֮Խ is େ੾
    • Deploy to Heroku or Bluemix
    

    View Slide

48. Happy IoTing!!
    

    View Slide