2019年11月26日 (二) 10:19的版本

1 HTTPS API

2 MQTT

2.1 H5 UI

subscribe: dev2app/DEV_ID

Received Message:

  {"m":"status","d":"on","t":"2015-12-30T00:00:00+08:00"}
  {"m":"status","d":{"r":255,"g":255,"b":255,"w":255,"s":1},"t":"1542193113"}

  {"m":online","d":"170505113018","t":"1542193113"}

  {"m":"airkiss_nff_on","d":"1","t":"1542193114"}
  {"m":"alexa_on","d":"1","t":"1542193114"}
  {"m":"grad_on","d":"1","t":"1542193114"}
  {"m":"voice_name","d":"Living Room Light","t":"1542193114"}

  {"m":"offline","d":"Device Offline","t":"1542193114"}

2.2 Device

2.3 Server

3 UI Plugin

• Alarm Box
• Annunciator
• PictureIt
• Pie Chart: plugins install grafana-piechart-panel

• Polystat
• Carpet plot
• SCADAvis Synoptic Panel: plugins install scadavis-synoptic-panel
• D3 Gauge: plugins install briangann-gauge-panel

• WindRose: plugins install fatcloud-windrose-panel
• Radar Graph: plugins install snuids-radar-panel
• Statusmap: plugins install flant-statusmap-panel
• Plotly: plugins install natel-plotly-panel
• SVG: plugins install marcuscalidus-svg-panel
• Traffic Lights: plugins install snuids-trafficlights-panel

https://www.layui.com/demo/

4 SCADAvis

• https://scadavis.io/
• https://scadavis.io/learn.html

5 APP

React Native Navigation

• https://github.com/wix/react-native-navigation

6 BIM

7 Reference

• https://www.nginx.com/blog/nginx-and-iot-adding-protocol-awareness-for-mqtt/#018streamnginScriptandMQTT
• https://opensourceforu.com/2016/09/coap-get-started-with-iot-protocols/