Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

shanonim
June 28, 2017

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/

shanonim

June 28, 2017
Tweet

More Decks by shanonim

Other Decks in Technology

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