Uso del NodeRED (2025-2026) - Historial de revisió

https://www.binefa.com/index.php?action=history&feed=atom&title=Uso_del_NodeRED_%282025-2026%29 Uso del NodeRED (2025-2026) - Historial de revisió 2026-05-18T00:18:52Z Historial de revisió per a aquesta pàgina del wiki MediaWiki 1.33.0 https://www.binefa.com/index.php?title=Uso_del_NodeRED_(2025-2026)&diff=12325&oldid=prev Jordi Binefa: Es crea la pàgina amb «= Comunicación MQTT entre el NodeRED y la placa IoT-02 = <!-- Asignación de puertos para el curso 2023-2024 '''El firmware de la placa IoT-02 para el día de ho...». 2026-05-17T21:29:42Z

<p>Es crea la pàgina amb «= Comunicación MQTT entre el NodeRED y la placa IoT-02 = <br /> '''Las credenciales a utilizar son estas:'''<br /> <br /> const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker<br /> const int mqtt_port = '''1883'''; <br /> const char* mqtt_user = "'''user'''";<br /> const char* mqtt_password = "'''pass'''";<br /> <br /> == Subscripción y publicación ==<br /> [[Image:Nodered20220402a00.png|center|Comunicación MQTT entre el NodeRED y la placa IoT-02]]<br /> <br /> === Ejercicio '''NodeRED-01''' ===<br /> Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.<br /> <br /> = Panel de Control (''Dashboard'') =<br /> [https://flows.nodered.org/node/node-red-dashboard Hace falta instalar el conjunto de nodos ''node-red-dashboard'']<br /> == Nodo '''conmutador''' (''switch'') ==<br /> El nodo commutador envía un ''payload'' personalizado para el estado ''ON'' y el estado ''OFF''.<br /> <br /> [[Image:Nodered20220402b01.png|center|Flujo conmutador leds]]<br /> <br /> <br /> [[Image:Nodered20220402b00.png|center|Visualización conmutador leds]]<br /> === Ejercicio '''NodeRED-02''' ===<br /> Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).<br /> <br /> == Nodos de '''texto''', '''botón''' y '''variables de flujo'''. Cambio de color de un punto (representación de un led) ==<br /> El nodo botón envía un ''payload'' personalizado cuando se aprieta.<br /> <br /> [[Image:Nodered20220402c01.png|center|Flujo cambio de color de un punto]]<br /> <br /> <br /> [[Image:Nodered20220402c00.png|center|Visualización cambio de color de un punto]]<br /> <br /> En el ''Value format'' del nodo de texto:<br /> <nowiki><font color={{msg.color}} ><i class="fa fa-circle" style="font-size:24px;"></i></font></nowiki><br /> <br /> Función '''FF3399''':<br /> msg.color = "#FF3399"<br /> return msg;<br /> <br /> Función '''{R,G,B} -> {0,0,0}''':<br /> flow.set("R","00");<br /> flow.set("G","00");<br /> flow.set("B","00");<br /> flow.set("RGB","#"+flow.get("R")+flow.get("G")+flow.get("B"));<br /> msg.color = flow.get("RGB");<br /> return msg;<br /> <br /> Función '''R -> FF''':<br /> flow.set("R","FF");<br /> flow.set("RGB","#"+flow.get("R")+flow.get("G")+flow.get("B"));<br /> msg.color = flow.get("RGB");<br /> return msg;<br /> <br /> Función '''R -> 00''':<br /> flow.set("R","00");<br /> flow.set("RGB","#"+flow.get("R")+flow.get("G")+flow.get("B"));<br /> msg.color = flow.get("RGB");<br /> return msg;<br /> <br /> [https://www.binefa.cat/training/upcSchool/2022/20220402/ledMulticolor.nodered.json Flujo ledMulticolor.nodered.json]<br /> === Ejercicio '''NodeRED-03''' ===<br /> Haced una visualización de un punto que representa un led multicolor. En la placa IoT-02:<br /> <br /> * Cuando el botón '''IO0''' esté apretado incorpora el color '''rojo''' al punto multicolor representado en el panel de control del NodeRED<br /> <br /> * Cuando el botón IO0 no esté apretado quita el color rojo al punto multicolor representado en el panel de control del NodeRED<br /> <br /> * Cuando el botón '''I34''' esté apretado incorpora el color '''verde''' al punto multicolor representado en el panel de control del NodeRED<br /> <br /> * Cuando el botón I34 no esté apretado quita el color verde al punto multicolor representado en el panel de control del NodeRED<br /> <br /> * Cuando el botón '''I35''' esté apretado incorpora el color '''azul''' al punto multicolor representado en el panel de control del NodeRED<br /> <br /> * Cuando el botón I35 no esté apretado quita el color azul al punto multicolor representado en el panel de control del NodeRED<br /> <br /> == '''Simulación de generación de un dato'''. Aleatorización controlada por el panel de control ==<br /> [[Image:12nodeRedRandomUi.png|center|Generación de datos aleatorios]]<br /> <br /> Al seleccionar el conmutador (''switch'') '''Randomize''' comienza la generación de datos aleatorios. Al deseleccionarlo se para la generación de datos. El nodo commutador envía un ''payload'' personalizado para el estado ''ON'' y el estado ''OFF''.<br /> <br /> [[Image:14nodeRedRandomUi.png|center|Generación de datos aleatorios]]<br /> <br /> [https://www.binefa.cat/training/upcSchool/2022/20220402/14nodeRedRandomUi.nodered.json Código para el NodeRED que genera datos aleatorios]<br /> <br /> Función '''Randomizing (On/Off)''':<br /> flow.set("Randomizing",msg.payload);<br /> return msg;<br /> <br /> Función '''random value in range (20.0,30.0)''':<br /> msg.payload = parseFloat( (200 + Math.floor(Math.random() * 101))/10); // value between 20.0 and 30.0<br /> return msg;<br /> <br /> === Ejercicio '''NodeRED-04''' ===<br /> Importad el [https://www.binefa.cat/training/upcSchool/2022/20220402/14nodeRedRandomUi.nodered.json flujo 14nodeRedRandomUi] y verificad el funcionamiento.<br /> <br /> == Conversión de '''JSON''' a texto y texto a JSON ==<br /> [[Image:Nodered20220402d00.png|center|Flujo JSON -> TXT y TXT -> JSON]]<br /> <br /> [https://www.binefa.cat/training/upcSchool/2022/20220402/jsonTxt.nodered.json Flujo jsonTxt.nodered.json]<br /> <br /> * Función '''genero json''':<br /> var json00 = {}<br /> json00.nombre = "Joan"<br /> json00.apellido = "Pérez"<br /> json00.edad = 26<br /> msg.payload = json00<br /> return msg;<br /> <br /> * Función '''genero txt''':<br /> var txt = "{\"apellido\":\"Martínez\",\"nombre\":\"Meritxell\",\"edad\":28}"<br /> msg.payload = txt<br /> return msg;<br /> <br /> == Pasarela '''HTTP a MQTT''' ==<br /> [[Image:Nodered20220402e00.png|center|Flujo HTTP a MQTT]]<br /> <br /> [https://www.binefa.cat/training/upcSchool/2022/20220402/httpMqtt.nodered.json Flujo httpMqtt.nodered.json]<br /> <br /> [http://vps656540.ovh.net:2222/mqtt?topic=/7C9EBDEA5BA0/ledW&&payload=0 Apagando] led blanco:<br /> [[Image:Nodered20220402e01.png|center|Apagando led blanco. HTTP a MQTT]]<br /> <br /> [http://vps656540.ovh.net:2222/mqtt?topic=/7C9EBDEA5BA0/ledW&&payload=1 Encendiendo] led blanco:<br /> [[Image:Nodered20220402e02.png|center|Encendiendo led blanco. HTTP a MQTT]]<br /> <br /> * Función '''bridge''':<br /> msg.topic = msg.req.query['topic'];<br /> msg.payload = msg.req.query['payload'];<br /> return msg;<br /> <br /> * Función '''response''':<br /> msg.payload = "Tema: "+msg.req.query['topic']+", missatge: "+msg.req.query['payload'];<br /> return msg;<br /> <br /> === Ejercicio '''NodeRED-05''' ===<br /> Implementad vuestro flujo para cambiar el estado de los leds y el relé biestable de la placa IoT-02.<br /> <br /> == Nodo '''exec''' ==<br /> El nodo '''exec''' ejecuta órdenes del sistema operativo.<br /> <br /> [[Image:Nodered20220402h00.png|center|Flujo con nodo exec]]<br /> <br /> [https://www.binefa.cat/training/upcSchool/2022/20220402/exec.nodered.json Flujo exec.nodered.json]<br /> <br /> == Envío de JSON a la placa IoT-02 ==<br /> <br /> [[Image:Nodered20220402f00.png|center|Flujo de JSON en nodo Inject en NodeRED]]<br /> <br /> [[Image:Nodered20220402f01.png|center|Edición de JSON en nodo Inject en NodeRED]]<br /> <br /> [https://www.binefa.cat/training/upcSchool/2022/20220402/jsonLeds.json Flujo jsonLeds.json]<br /> <br /> * En el código Arduino se diferencia el tipo '''bool''' del tipo '''int''':<br /> if (szTopic == String("/" + String(sMac) + TOPIC_JSON_LEDS ).c_str()) {<br /> JSONVar myObject = JSON.parse(szPayload);<br /> if (JSON.typeof(myObject) == "undefined") {<br /> Serial.println("Parsing input failed!");<br /> return;<br /> }<br /> if (myObject.hasOwnProperty("ledW")) {<br /> digitalWrite(LED_W, ('''bool''')myObject["ledW"]);<br /> } <br /> if (myObject.hasOwnProperty("ledR")) {<br /> digitalWrite(LED_R, ('''int''')myObject["ledR"]);<br /> }<br /> if (myObject.hasOwnProperty("ledY")) {<br /> digitalWrite(LED_Y, ('''int''')myObject["ledY"]);<br /> }<br /> if (myObject.hasOwnProperty("ledG")) {<br /> digitalWrite(LED_G, ('''int''')myObject["ledG"]);<br /> }<br /> }<br /> <br /> == Recepción de JSON desde la placa IoT-02 ==<br /> Se recibe un texto. El nodo JSON convierte el texto a un objeto JSON. Es un nodo bidireccional (si entra un objeto JSON sale un texto).<br /> <br /> [[Image:Nodered20220402g00.png|center|Flujo recepción de JSON]]<br /> <br /> [https://www.binefa.cat/training/upcSchool/2022/20220402/jsonIn.nodered.json Flujo jsonIn.nodered.json]<br /> <br /> === Ejercicio '''NodeRED-06''' ===<br /> Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.</div>

Jordi Binefa