5. Recibe los datos del ESP en NodeRED con MQTT
Hasta ahora todo bastante facil, ¿¿verdad? Vamos a complicarlo un poco mámás!
Ahora vamos a graficar mediante los nodos de dashboard los datos de los sensores que recibimos mediante MQTT. Para ello deberádeberás usar los nodos mqtt-in y mqtt-out para subscribirte a los topic de MQTT correspondientes.
Vamos a paso a paso para que no te pierdas:
1. ConexióConexión al broker MQTT
En primer lugar nos vamos a conectar al broker servidor MQTT de donde vamos a enviar/recibir datos, al igual que lo hemos hecho con el ESP8266 en Arduino. Recuerda que tanto el dispositivo Arduino como el NodeRED deben estar conectados al mismo servidor MQTT, si no no podrápodrán intercambiar informacióinformación.
Para ello empieza introduciendo en el workspace un nodo mqtt in y presiona doble click para entrar en la configuracióconfiguración:
Te saldrásaldrá totalmente vacióvació y listo para añañadiur un nuevo mqtt-broker. Haz click en el botóbotón de editar:
E introduce los datos de conexióconexión para el broker MQTT de MakersUPV:
| Server MQTT | mqtt.makersupv.com |
| Port | 1883 |
| Client ID | (blank) |
| Username | makersupv |
| Password | makersupv |
Asegurate de poner bien el usuario y contraseñcontraseña, si no no te funcionaráfuncionará!
Te deberídebería quedar de la siguiente manera:
Haz click en el botóbotón de AñAñadir para guardar el broker MQTT. Tan solo tendrátendrás que realizar este procedimiento la primera vez (con el primer nodo que añañadas)
2. SubscripcióSubscripción y publicaciópublicación al tótópico MQTT
Una vez guardado el servidor MQTT, posteriormente rellena el topic de subscripciósubscripción para el sensor de temperatura:
Estos son los temas (topics) que debes usar:
|
Tipo |
Unidades | Topic MQTT | |
| Sensor | Lectura sensor temperatura DHT11 | taller/tXX/sens/DHT11/temp | |
| Sensor | Lectura sensor humedad relativa DHT11 | %rh | taller/tXX/sens/DHT11/hum |
| Sensor | Lectura sensor luminosidad LDR | Volts | taller/tXX/sens/LDR |
| Actuador LED | Indicador LED Verde | taller/tXX/leds/verde | |
| Actuador LED | Indicador LED Rojo | taller/tXX/leds/rojo |
Recuerda cambiar t00 por el núnúmero de tu equipo
Haz click en Done. Se recomienda que en este punto añañadas un nodo de debug y hagas un deploy para comprobar que se estáestán recibiendo los datos del ESP8266 correctamente antes de pasar a los demádemás.
Una vez te hayas asegurado de que se reciben correctamente los datos, repite el proceso para los demádemás sensores (humedad y LDR),
Recuerda que puedes usar Copiar y Pegar (Ctrl+C, Ctrl+V) para los nodos
Ah! y para los LEDs... DeberáDeberás usar ¿¿que nodo?
SolucióSolución: ¿¿Que nodo uso para los LEDs?
Para los LEDs deberádeberás usar el nodo mqtt-out, ya que lo que queremos es que el mensaje se mande direcciódirección salida hacia el Arduino. Es decir, queremos usarlo para publicar un mensaje al topic correspondiente.
3. Gauges
Las gauges, o indicadores en españespañol, nos permiten mostrar un dato de manera visual mediante un indicador tipo aguja, similar a por ejemplo el velocimentro de un coche o un manómanómetro de los analóanalógicos.
Ya los hemos usado anteriormente en el ejemplo con el Timestamp, pero no los hemos configurado. Comenzamos por añañadir uno y conectarlo al nodo mqtt-in de la temperatura:
Ahora vamos a configurarlo según los requisitos específicos de nuestra aplicación. Para ello haz click en el nodo correspondiente y cambia los valores de la etiqueta, unidades, rango mínimo y máximo, colores del gradiente, etc. También podrás cambiar entre los distintos tipos de indicador (tipo aguja, donut, compás...)
Te recomiendo usar los nodos de Debug para cerciorarte que los datos llegan y en el formato que esperas
Experimenta las opciones que te da el nodo de Gauge hasta que encuentres la opción que más te guste para representar la temperatura! Recuerda que deberás de pinchar en el botón de Deploy para desplegar los cambios cada vez que edites algo.
Comprueba que los datos se grafican como toca y que el gráfico se va actualizando en tiempo real según van variando las condiciones climáticas
Utiliza tu mano para calentar el sensor de temperatura DHT11 y tirale vaho con la boca para ver como aumenta la humedad relativa
Una vez tengas el de temperatura funcionando deberás hacer lo mismo para el sensor de humedad y para el de lumninosidad.
Cuando hayas acabado, el resultado final debería ser algo parecido a la imagen de arriba, con un Gauge mostrando cada uno de los valores de los sensores.
4. GráInterruptores/botones
Ahora nos faltaría introducir una manera de encender y apagar los LEDs o actuadores de nuestro circuito. En este ejemplo sencillo que estamos haciendo para el taller son simples LEDs, pero podrían ser perfectamente bombillas, una lámpara, un enchufe inteligente, un relé conectado al motor de la depuradora de casa, la calefacción o cualquier otra cosa, ya pillas la idea...
Para encender y apagar los LED vamos a utilizar el nodo Switch, el cual no es más que un simple interruptor de dos posiciones: ON y OFF.
Será tan facil como añadir un interruptor para cada uno de los LEDs y conectarlo al nodo MQTT de salida correspondiente:
A continuación deberás configurar los nodos interruptor para que manden un 1 cuando el estado sea ON y un 0 cuando sea OFF. De la siguiente manera:
Ejecutalo y pruba el resultado.
5. Gráfico temporal
Las gauges estáestán muy bien para ver los datos en tiempo real, pero quizáquizá te interese ver la evolucióevolución de la temperatura a lo largo de unas horas, ¿¿no?
Vamos a usar los grágráficos (graph) para poder representar datos en un eje temporal:
Cabe destacar que estos grágráficos son muy sencillos ya que no guardan los datos en ninguna base de datos y por tanto estáestán bastante limitados. Pero para cosas sencillas nos valen
5. Resultado final
Una vez tengas todo, el resultado final deberídebería ser algo asíasí:
Te animo a que experimentes... Seguro que no te cuesta nada conseguir un resultado MUUUUUUCHO mejor que el mio!
| |||
NOTA:¿YtXXsiseráquisieramostuguardarnúmerolas métricas en una base deequipo.datos?EsPues
decir,eso daría para otra sesión de un par de horitas seguramente, pero NodeRED dispone de plugins creados para almacenar datos encasouna base dequedatosseatemporalestipoelInfluxDBequipopor ejemplo, o incluso tambiénúmerounopermite(equipohacer1)enlacesdeberásconpublicarbases de datos SQL y NoSQL como MongoDB, etc.Otra manera de guardar los datos podría ser en un archivo CSV separados por coma mediante el nodo de
temperaturaguardar en fichero, de esa manera los podríamos tener guardados en un archivo en eltopicdisco,taller/t01/sens/DHT11/tempaunque lo suyo para cosas serias es usar una base de datos como dios manda
SolucióSolución [No abrir, no seas tramposo]
[
{
"id": "5778ea97cd1ed074",
"type": "tab",
"label": "ESP8266",
"disabled": false,
"info": "SolucióSolución ejercicio visualizacióvisualización sensores y actuadores ESP8266",
"env": []
},
{
"id": "02973140566ef55c",
"type": "mqtt in",
"z": "5778ea97cd1ed074",
"name": "DHT11 Temperatura",
"topic": "taller/t00/sens/DHT11/temp",
"qos": "2",
"datatype": "auto-detect",
"broker": "b5bdeb4155381a5d",
"nl": false,
"rap": true,
"rh": 0,
"inputs": 0,
"x": 450,
"y": 160,
"wires": [
[
"7aa944fea3c07822"
]
]
},
{
"id": "609bc96d69db82e8",
"type": "mqtt in",
"z": "5778ea97cd1ed074",
"name": "DHT11 Humedad",
"topic": "taller/t00/sens/DHT11/hum",
"qos": "2",
"datatype": "auto-detect",
"broker": "b5bdeb4155381a5d",
"nl": false,
"rap": true,
"rh": 0,
"inputs": 0,
"x": 440,
"y": 220,
"wires": [
[
"9e44099297dcc3a5"
]
]
},
{
"id": "e0f0357e049277d2",
"type": "mqtt in",
"z": "5778ea97cd1ed074",
"name": "LDR Luminosidad",
"topic": "taller/t00/sens/LDR",
"qos": "2",
"datatype": "auto-detect",
"broker": "b5bdeb4155381a5d",
"nl": false,
"rap": true,
"rh": 0,
"inputs": 0,
"x": 450,
"y": 280,
"wires": [
[
"280c63846cb13519"
]
]
},
{
"id": "d34f1d5a1ba21375",
"type": "mqtt out",
"z": "5778ea97cd1ed074",
"name": "LED Verde",
"topic": "taller/t00/leds/verde",
"qos": "",
"retain": "",
"respTopic": "",
"contentType": "",
"userProps": "",
"correl": "",
"expiry": "",
"broker": "b5bdeb4155381a5d",
"x": 830,
"y": 400,
"wires": []
},
{
"id": "971b18f52f42468f",
"type": "mqtt out",
"z": "5778ea97cd1ed074",
"name": "LED Rojo",
"topic": "taller/t00/leds/rojo",
"qos": "",
"retain": "",
"respTopic": "",
"contentType": "",
"userProps": "",
"correl": "",
"expiry": "",
"broker": "b5bdeb4155381a5d",
"x": 820,
"y": 460,
"wires": []
},
{
"id": "7aa944fea3c07822",
"type": "ui_gauge",
"z": "5778ea97cd1ed074",
"name": "Temperatura",
"group": "3de4d1022cadb73f",
"order": 0,
"width": "6",
"height": "3",
"gtype": "gage",
"title": "Temperatura",
"label": "ººC",
"format": "{{value}}",
"min": "-10",
"max": "40",
"colors": [
"#00b3b0",
"#e6e600",
"#ca3838"
],
"seg1": "",
"seg2": "",
"diff": false,
"className": "",
"x": 930,
"y": 160,
"wires": []
},
{
"id": "9e44099297dcc3a5",
"type": "ui_gauge",
"z": "5778ea97cd1ed074",
"name": "Humedad",
"group": "3de4d1022cadb73f",
"order": 1,
"width": "6",
"height": "3",
"gtype": "gage",
"title": "Humedad",
"label": "%RH",
"format": "{{value}}",
"min": 0,
"max": "100",
"colors": [
"#1500b3",
"#cbe600",
"#ca3838"
],
"seg1": "",
"seg2": "",
"diff": false,
"className": "",
"x": 920,
"y": 220,
"wires": []
},
{
"id": "280c63846cb13519",
"type": "ui_gauge",
"z": "5778ea97cd1ed074",
"name": "Luminosidad",
"group": "3de4d1022cadb73f",
"order": 2,
"width": "6",
"height": "3",
"gtype": "gage",
"title": "Luminosidad",
"label": "units",
"format": "{{value}}",
"min": 0,
"max": "1000",
"colors": [
"#000000",
"#e6e600",
"#ffffff"
],
"seg1": "",
"seg2": "",
"diff": false,
"className": "",
"x": 930,
"y": 280,
"wires": []
},
{
"id": "34e6bf482f2f4e81",
"type": "ui_switch",
"z": "5778ea97cd1ed074",
"name": "LED Verde",
"label": "LED Verde",
"tooltip": "",
"group": "71d9266564131fe1",
"order": 0,
"width": "4",
"height": "2",
"passthru": false,
"decouple": "false",
"topic": "topic",
"topicType": "msg",
"style": "",
"onvalue": "1",
"onvalueType": "num",
"onicon": "",
"oncolor": "",
"offvalue": "0",
"offvalueType": "num",
"officon": "",
"offcolor": "",
"animate": true,
"className": "",
"x": 510,
"y": 400,
"wires": [
[
"d34f1d5a1ba21375"
]
]
},
{
"id": "6a9f570b1bcbf20c",
"type": "ui_switch",
"z": "5778ea97cd1ed074",
"name": "LED Rojo",
"label": "LED Rojo",
"tooltip": "",
"group": "71d9266564131fe1",
"order": 1,
"width": "4",
"height": "2",
"passthru": true,
"decouple": "false",
"topic": "topic",
"topicType": "msg",
"style": "",
"onvalue": "1",
"onvalueType": "num",
"onicon": "",
"oncolor": "",
"offvalue": "0",
"offvalueType": "num",
"officon": "",
"offcolor": "",
"animate": false,
"className": "",
"x": 500,
"y": 460,
"wires": [
[
"971b18f52f42468f"
]
]
},
{
"id": "b5bdeb4155381a5d",
"type": "mqtt-broker",
"name": "Broker MakersUPV",
"broker": "mqtt.makersupv.com",
"port": "1883",
"clientid": "",
"autoConnect": true,
"usetls": false,
"protocolVersion": "4",
"keepalive": "60",
"cleansession": true,
"birthTopic": "",
"birthQos": "0",
"birthPayload": "",
"birthMsg": {},
"closeTopic": "",
"closeQos": "0",
"closePayload": "",
"closeMsg": {},
"willTopic": "",
"willQos": "0",
"willPayload": "",
"willMsg": {},
"userProps": "",
"sessionExpiry": ""
},
{
"id": "3de4d1022cadb73f",
"type": "ui_group",
"name": "Sensores",
"tab": "be3445ce783f56f1",
"order": 1,
"disp": true,
"width": "12",
"collapse": false,
"className": ""
},
{
"id": "71d9266564131fe1",
"type": "ui_group",
"name": "Actuadores",
"tab": "be3445ce783f56f1",
"order": 2,
"disp": true,
"width": "12",
"collapse": false,
"className": ""
},
{
"id": "be3445ce783f56f1",
"type": "ui_tab",
"name": "ESP8266",
"icon": "fa-thermometer-half",
"disabled": false,
"hidden": false
}
]6. EjercicioEjercicios extra para los mámás valientes [OPCIONAL]
6.1. ¿Y si quisieras encender el LED rojo cuando la temperatura de la sala supere los 30 grados una tarde de agosto cualquiera en Valencia?
¿PISTA: Utiliza el nodo Switch y el nodo Change
Solución [No abrir, no seas tramposo]
6.2. NIVEL CRACK: ¿Te atravéatravés a cambiar la luminosidad de los leds mediante el nodo Slider de la UI?
Esta vez sin pistas... y sin soluciósolución!!
7. ¿Y si quisieramos guardar las métricas en una base de datos?
Pues eso daría para otra sesión de un par de horitas seguramente, pero NodeRED dispone de plugins creados para almacenar datos en una base de datos temporal tipo InfluxDB por ejemplo, o incluso también permite hacer enlaces con bases de datos SQL y NoSQL como MongoDB, etc.
Otra manera de guardar los datos podría ser en un archivo CSV separados por coma mediante el nodo de guardar en fichero, de esa manera los podríamos tener guardados en un archivo en el disco, aunque lo suyo para cosas serias es usar una base de datos como dios manda.