Diferència entre revisions de la pàgina «Conexión entre la placa IoT-02 y Snap! mediante MQTT»
(Hi ha 25 revisions intermèdies del mateix usuari que no es mostren) | |||
Línia 1: | Línia 1: | ||
= Uso de websockets MQTT = | = Uso de websockets MQTT = | ||
[[Como usar MQTT con websockets, normales (ws) y seguros (wss), en Snap!]] | [[Como usar MQTT con websockets, normales (ws) y seguros (wss), en Snap!]] | ||
− | |||
− | |||
− | |||
− | |||
= Saber la MAC del ESP32 de la placa IoT-02 = | = Saber la MAC del ESP32 de la placa IoT-02 = | ||
Línia 16: | Línia 12: | ||
== Ejercicio 1 de Snap! con MQTT == | == Ejercicio 1 de Snap! con MQTT == | ||
− | Verificar que os funciona el ejemplo | + | * Verificar que os funciona el ejemplo |
= Controlando los 4 leds y el relé de enclavamiento = | = Controlando los 4 leds y el relé de enclavamiento = | ||
+ | |||
+ | [[Image:CampanaDigital01.png|center|Campana digital 01_ctrlOutputs]] | ||
+ | |||
+ | [https://www.binefa.cat/training/upcSchool/2022/campanaDigital/01_ctrlOutputs.uxf 01_ctrlOutputs.uxf] (Se puede abrir con [https://www.umletino.com/umletino.html UMLetino]) | ||
[[Image:01ctrlOutputsMI40.png|center|01_ctrlOutputs]] | [[Image:01ctrlOutputsMI40.png|center|01_ctrlOutputs]] | ||
− | [https://www.binefa.cat/training/snap/iot-02/01_ctrlOutputs.xml Código en Snap! para controlar las salidas digitales] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar las salidas digitales en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_04 IoT-02_mqtts_04 en GitHub] | + | [http://vps656540.ovh.net/snap/snap.html#open:../iot/2022/20220326/01_ctrlOutputs.xml Acceso directo a 01_ctrlOutputs.xml][https://www.binefa.cat/training/snap/iot-02/01_ctrlOutputs.xml Código en Snap! para controlar las salidas digitales] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar las salidas digitales en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_04 IoT-02_mqtts_04 en GitHub] |
== Ejercicio 2 de Snap! con MQTT == | == Ejercicio 2 de Snap! con MQTT == | ||
− | Verificar que os funciona el ejemplo añadiendo el control de los leds amarillo y rojo. | + | * Verificar que os funciona el ejemplo añadiendo el control de los leds amarillo y rojo. |
= Subscripción a los 3 botones y publicación a las salidas digitales = | = Subscripción a los 3 botones y publicación a las salidas digitales = | ||
Línia 31: | Línia 31: | ||
[[Image:02subButtonsPubOutputsMI40.png|center|02_subButtonsPubOutputs]] | [[Image:02subButtonsPubOutputsMI40.png|center|02_subButtonsPubOutputs]] | ||
− | [https://www.binefa.cat/training/snap/iot-02/02_subButtonsPubOutputs.xml Código en Snap! para subscribirse al cambio de los botones y publicar las salidas digitales] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar la publicación/subscripción en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_05 IoT-02_mqtts_05 en GitHub] | + | [http://vps656540.ovh.net/snap/snap.html#open:../iot/2022/20220326/02_subButtonsPubOutputs.xml Acceso directo a 02_subButtonsPubOutputs.xml][https://www.binefa.cat/training/snap/iot-02/02_subButtonsPubOutputs.xml Código en Snap! para subscribirse al cambio de los botones y publicar las salidas digitales] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar la publicación/subscripción en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_05 IoT-02_mqtts_05 en GitHub] |
+ | |||
+ | == Ejercicio 3 de Snap! con MQTT == | ||
+ | * Dibujar el nuevo diagrama UML, '''02_subButtonsPubOutputs.uxf''', a partir de [https://www.binefa.cat/training/upcSchool/2022/campanaDigital/01_ctrlOutputs.uxf 01_ctrlOutputs.uxf] | ||
= Petición del estado de una entrada digital = | = Petición del estado de una entrada digital = | ||
Línia 37: | Línia 40: | ||
[[Image:03requestingDigitalInputMI40.png|center|03_requestingDigitalInput.png]] | [[Image:03requestingDigitalInputMI40.png|center|03_requestingDigitalInput.png]] | ||
− | [https://www.binefa.cat/training/snap/iot-02/03_requestingDigitalInput.xml Código en Snap! incorporando la lectura del estado del relé de enclavamiento] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la lectura del estado del relé de enclavamiento en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_06 IoT-02_mqtts_06 en GitHub] | + | [http://vps656540.ovh.net/snap/snap.html#open:../iot/2022/20220326/03_requestingDigitalInput.xml Acceso directo a 03_requestingDigitalInput.xml][https://www.binefa.cat/training/snap/iot-02/03_requestingDigitalInput.xml Código en Snap! incorporando la lectura del estado del relé de enclavamiento] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la lectura del estado del relé de enclavamiento en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_06 IoT-02_mqtts_06 en GitHub] |
+ | |||
+ | == Ejercicio 4 de Snap! con MQTT == | ||
+ | * Verificar que os funciona el ejemplo añadiendo la petición del estado de los tres botones. | ||
− | + | * Dibujar el nuevo diagrama UML, '''03_requestingDigitalInput.uxf''' | |
− | |||
= Petición del valor de una entrada analógica = | = Petición del valor de una entrada analógica = | ||
Línia 46: | Línia 51: | ||
[[Image:04requestingAnalogInputMI40.png|center|04_requestingAnalogInput.png]] | [[Image:04requestingAnalogInputMI40.png|center|04_requestingAnalogInput.png]] | ||
− | [https://www.binefa.cat/training/snap/iot-02/04_requestingAnalogInput.xml Código en Snap! incorporando la lectura analógica de la LDR] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la lectura analógica de la LDR en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_07 IoT-02_mqtts_07 en GitHub] | + | [http://vps656540.ovh.net/snap/snap.html#open:../iot/2022/20220326/04_requestingAnalogInput.xml Acceso directo a 04_requestingAnalogInput.xml][https://www.binefa.cat/training/snap/iot-02/04_requestingAnalogInput.xml Código en Snap! incorporando la lectura analógica de la LDR] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la lectura analógica de la LDR en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_07 IoT-02_mqtts_07 en GitHub] |
− | == Ejercicio | + | == Ejercicio 5 de Snap! con MQTT == |
− | Verificar que os funciona el ejemplo enseñando el valor de luz leída en tanto por ciento (%). Sabiendo que el convertidor analógico a digital es de 12 bits (valor entre 0 y 4095). | + | * Verificar que os funciona el ejemplo enseñando el valor de luz leída en tanto por ciento (%). Sabiendo que el convertidor analógico a digital es de 12 bits (valor entre 0 y 4095). |
+ | |||
+ | * Dibujar el nuevo diagrama UML, '''04_requestingAnalogInput.uxf''' | ||
= Petición de datos al sensor BME280 = | = Petición de datos al sensor BME280 = | ||
Línia 55: | Línia 62: | ||
[[Image:05requestingTemp.png|center|05_requestingTemp.png]] | [[Image:05requestingTemp.png|center|05_requestingTemp.png]] | ||
− | [https://www.binefa.cat/training/snap/iot-02/05_requestingTemperature.xml Código en Snap! incorporando la lectura de temperatura del sensor BME280] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la lectura del sensor mediante el protocolo I2C en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_08 IoT-02_mqtts_08 en GitHub] | + | [http://vps656540.ovh.net/snap/snap.html#open:../iot/2022/20220326/05_requestingTemperature.xml Acceso directo a 05_requestingTemperature.xml][https://www.binefa.cat/training/snap/iot-02/05_requestingTemperature.xml Código en Snap! incorporando la lectura de temperatura del sensor BME280] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la lectura del sensor mediante el protocolo I2C en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_08 IoT-02_mqtts_08 en GitHub] |
+ | |||
+ | == Ejercicio 6 de Snap! con MQTT == | ||
+ | * Verificar que os funciona el ejemplo añadiendo la petición de la humedad relativa en %, la presión en hPa. | ||
− | + | * Dibujar el nuevo diagrama UML, '''05_requestingTemp.uxf''' | |
− | |||
= Escritura a la pantalla OLED = | = Escritura a la pantalla OLED = | ||
+ | [[Image:CampanaDigital06.jpg|center|Campana digital 06_publishingOled]] | ||
+ | |||
+ | [https://www.binefa.cat/training/upcSchool/2022/campanaDigital/06_PublishingOLED.uxf 06_PublishingOLED.uxf] (Se puede abrir con [https://www.umletino.com/umletino.html UMLetino]) | ||
[[Image:06publishingOled.png|center|06_publishingOled.png]] | [[Image:06publishingOled.png|center|06_publishingOled.png]] | ||
[http://vps656540.ovh.net/snap/snap.html#open:../iot/2022/20220326/06_publishingOLED.xml Acceso directo a 06_publishingOLED.xml][https://www.binefa.cat/training/snap/iot-02/06_publishingOLED.xml Código en Snap! incorporando la escritura a la pantalla OLED] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la escritura a la pantalla mediante el protocolo I2C en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_09 IoT-02_mqtts_09 en GitHub] | [http://vps656540.ovh.net/snap/snap.html#open:../iot/2022/20220326/06_publishingOLED.xml Acceso directo a 06_publishingOLED.xml][https://www.binefa.cat/training/snap/iot-02/06_publishingOLED.xml Código en Snap! incorporando la escritura a la pantalla OLED] y [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upc-school.zip firmware para gestionar, también, la escritura a la pantalla mediante el protocolo I2C en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_09 IoT-02_mqtts_09 en GitHub] | ||
+ | |||
+ | [[Image:MqttTopics20220326.png|center|thumb|Temas MQTT]] | ||
== Ejercicio 6 de Snap! con MQTT == | == Ejercicio 6 de Snap! con MQTT == | ||
− | Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados. | + | * Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados. |
Revisió de 12:37, 25 març 2022
Contingut
- 1 Uso de websockets MQTT
- 2 Saber la MAC del ESP32 de la placa IoT-02
- 3 Controlando los 4 leds y el relé de enclavamiento
- 4 Subscripción a los 3 botones y publicación a las salidas digitales
- 5 Petición del estado de una entrada digital
- 6 Petición del valor de una entrada analógica
- 7 Petición de datos al sensor BME280
- 8 Escritura a la pantalla OLED
Uso de websockets MQTT[modifica]
Como usar MQTT con websockets, normales (ws) y seguros (wss), en Snap!
Saber la MAC del ESP32 de la placa IoT-02[modifica]
Listado de prefijos MAC (3 primeros bytes) pertencientes a Espressif
La petición de la MAC es genérica. Cualquier placa tiene que poder responder. Para que sólo nos conteste su MAC una placa concreta, el firmware propuesto obliga a apretar el botón IO0 en el momento de hacer la petición desde el Snap!. Cuando se recibe por primera vez la MAC se cancela la subscripción (si no se hace, cada Snap! cambiaría la MAC cada vez que cualquier placa IoT-02 enviase su MAC).
Acceso directo a 00_reqMAC.xmlCódigo en Snap! para saber la MAC y firmware para gestionar la MAC en la placa IoT-02. IoT-02_mqtts_03 en GitHub
Ejercicio 1 de Snap! con MQTT[modifica]
- Verificar que os funciona el ejemplo
Controlando los 4 leds y el relé de enclavamiento[modifica]
01_ctrlOutputs.uxf (Se puede abrir con UMLetino)
Acceso directo a 01_ctrlOutputs.xmlCódigo en Snap! para controlar las salidas digitales y firmware para gestionar las salidas digitales en la placa IoT-02. IoT-02_mqtts_04 en GitHub
Ejercicio 2 de Snap! con MQTT[modifica]
- Verificar que os funciona el ejemplo añadiendo el control de los leds amarillo y rojo.
Subscripción a los 3 botones y publicación a las salidas digitales[modifica]
Acceso directo a 02_subButtonsPubOutputs.xmlCódigo en Snap! para subscribirse al cambio de los botones y publicar las salidas digitales y firmware para gestionar la publicación/subscripción en la placa IoT-02. IoT-02_mqtts_05 en GitHub
Ejercicio 3 de Snap! con MQTT[modifica]
- Dibujar el nuevo diagrama UML, 02_subButtonsPubOutputs.uxf, a partir de 01_ctrlOutputs.uxf
Petición del estado de una entrada digital[modifica]
Acceso directo a 03_requestingDigitalInput.xmlCódigo en Snap! incorporando la lectura del estado del relé de enclavamiento y firmware para gestionar, también, la lectura del estado del relé de enclavamiento en la placa IoT-02. IoT-02_mqtts_06 en GitHub
Ejercicio 4 de Snap! con MQTT[modifica]
- Verificar que os funciona el ejemplo añadiendo la petición del estado de los tres botones.
- Dibujar el nuevo diagrama UML, 03_requestingDigitalInput.uxf
Petición del valor de una entrada analógica[modifica]
Acceso directo a 04_requestingAnalogInput.xmlCódigo en Snap! incorporando la lectura analógica de la LDR y firmware para gestionar, también, la lectura analógica de la LDR en la placa IoT-02. IoT-02_mqtts_07 en GitHub
Ejercicio 5 de Snap! con MQTT[modifica]
- Verificar que os funciona el ejemplo enseñando el valor de luz leída en tanto por ciento (%). Sabiendo que el convertidor analógico a digital es de 12 bits (valor entre 0 y 4095).
- Dibujar el nuevo diagrama UML, 04_requestingAnalogInput.uxf
Petición de datos al sensor BME280[modifica]
Acceso directo a 05_requestingTemperature.xmlCódigo en Snap! incorporando la lectura de temperatura del sensor BME280 y firmware para gestionar, también, la lectura del sensor mediante el protocolo I2C en la placa IoT-02. IoT-02_mqtts_08 en GitHub
Ejercicio 6 de Snap! con MQTT[modifica]
- Verificar que os funciona el ejemplo añadiendo la petición de la humedad relativa en %, la presión en hPa.
- Dibujar el nuevo diagrama UML, 05_requestingTemp.uxf
Escritura a la pantalla OLED[modifica]
06_PublishingOLED.uxf (Se puede abrir con UMLetino)
Acceso directo a 06_publishingOLED.xmlCódigo en Snap! incorporando la escritura a la pantalla OLED y firmware para gestionar, también, la escritura a la pantalla mediante el protocolo I2C en la placa IoT-02. IoT-02_mqtts_09 en GitHub
Ejercicio 6 de Snap! con MQTT[modifica]
- Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.