https://www.binefa.com/index.php?action=history&feed=atom&title=El_protocol_MQTT 2026-05-04T00:15:36Z Historial de revisió per a aquesta pàgina del wiki MediaWiki 1.33.0 https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=11270&oldid=prev 2025-12-03T08:51:19Z

<p><span dir="auto"><span class="autocomment">Exemples en línia d&#039;ús d&#039;MQTT</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 08:51, 3 des 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l169" >Línia 169:</td> <td colspan="2" class="diff-lineno">Línia 169:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>- [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=IoT-02_board_segur_EIC Exemple implementat en Snap! de control bidireccional emprant MQTT] (Seleccioneu ''Extensions de JavaScript'' al menú de l'engranatge -a l'esquerra del títol '''IoT-02_board_segur_EIC'''). [https://wokwi.com/projects/449249416101518337 esp32_mqtt_02 al Wokwi] ([https://binefa.com/eic/wokwi_esp32_mqtt_02.ino.elf arxiu binari executable per ESP32 de l'esp32_mqtt_02])</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>- [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=IoT-02_board_segur_EIC Exemple implementat en Snap! de control bidireccional emprant MQTT] (Seleccioneu ''Extensions de JavaScript'' al menú de l'engranatge -a l'esquerra del títol '''IoT-02_board_segur_EIC'''). [https://wokwi.com/projects/449249416101518337 esp32_mqtt_02 al Wokwi] ([https://binefa.com/eic/wokwi_esp32_mqtt_02.ino.elf arxiu binari executable per ESP32 de l'esp32_mqtt_02]<ins class="diffchange diffchange-inline">). [[Control per veu de la placa IoT-02]] (Fer-ho des del mòbil si esteu fent servir el micròfon</ins>)</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- Connexió MQTT des de dos navegadors diferents: [https://binefa.com/clot/smx/telecontrol01/ botonera] amb  [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt02 codi Snap! amb MQTT] o [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt04 codi Snap! amb MQTT i personatges]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- Connexió MQTT des de dos navegadors diferents: [https://binefa.com/clot/smx/telecontrol01/ botonera] amb  [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt02 codi Snap! amb MQTT] o [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt04 codi Snap! amb MQTT i personatges]</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-11269:rev-11270 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=11269&oldid=prev 2025-12-03T08:41:45Z

<p><span dir="auto"><span class="autocomment">Exemples en línia d&#039;ús d&#039;MQTT</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 08:41, 3 des 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l169" >Línia 169:</td> <td colspan="2" class="diff-lineno">Línia 169:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>- [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=IoT-02_board_segur_EIC Exemple implementat en Snap! de control bidireccional emprant MQTT] (Seleccioneu ''Extensions de JavaScript'' al menú de l'engranatge -a l'esquerra del títol '''IoT-02_board_segur_EIC'''). [https://wokwi.com/projects/449249416101518337 esp32_mqtt_02 al Wokwi]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>- [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=IoT-02_board_segur_EIC Exemple implementat en Snap! de control bidireccional emprant MQTT] (Seleccioneu ''Extensions de JavaScript'' al menú de l'engranatge -a l'esquerra del títol '''IoT-02_board_segur_EIC'''). [https://wokwi.com/projects/449249416101518337 esp32_mqtt_02 al Wokwi] <ins class="diffchange diffchange-inline">([https://binefa.com/eic/wokwi_esp32_mqtt_02.ino.elf arxiu binari executable per ESP32 de l'esp32_mqtt_02])</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- Connexió MQTT des de dos navegadors diferents: [https://binefa.com/clot/smx/telecontrol01/ botonera] amb  [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt02 codi Snap! amb MQTT] o [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt04 codi Snap! amb MQTT i personatges]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- Connexió MQTT des de dos navegadors diferents: [https://binefa.com/clot/smx/telecontrol01/ botonera] amb  [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt02 codi Snap! amb MQTT] o [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt04 codi Snap! amb MQTT i personatges]</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-11268:rev-11269 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=11268&oldid=prev 2025-12-03T08:40:11Z

<p><span dir="auto"><span class="autocomment">Exemples en línia d&#039;ús d&#039;MQTT</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 08:40, 3 des 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l168" >Línia 168:</td> <td colspan="2" class="diff-lineno">Línia 168:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Exemples en línia d'ús d'MQTT =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Exemples en línia d'ús d'MQTT =</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">- [http://formacio.things.cat/snap8/snap.html#open:../codisSnap/esp32_DT_8.0.0.xml ESP32 en Snap! v8] interaccionant amb [http://formacio.things.cat/xtra/wsMqtt02/ un exemple Qt/QML en WebAssembly] ([https://www.binefa.cat/training/iot02/qt/wsMqtt03.zip Codi font de l'exemple emprant Qt/QML sobre WebAssembly])</del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=IoT-02_board_segur_EIC Exemple implementat en Snap! de control bidireccional emprant MQTT] (Seleccioneu ''Extensions de JavaScript'' al menú de l'engranatge -a l'esquerra del títol '''IoT-02_board_segur_EIC'''). [https://wokwi.com/projects/449249416101518337 esp32_mqtt_02 al Wokwi]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=IoT-02_board_segur_EIC Exemple implementat en Snap! de control bidireccional emprant MQTT] (Seleccioneu ''Extensions de JavaScript'' al menú de l'engranatge -a l'esquerra del títol '''IoT-02_board_segur_EIC'''). [https://wokwi.com/projects/449249416101518337 esp32_mqtt_02 al Wokwi]</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l176" >Línia 176:</td> <td colspan="2" class="diff-lineno">Línia 174:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- [https://www.emqx.com/en/mqtt/public-mqtt5-broker Broker MQTT broker.emqx.io]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>- [https://www.emqx.com/en/mqtt/public-mqtt5-broker Broker MQTT broker.emqx.io]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">- [http://formacio.things.cat/snap8/snap.html#open:../codisSnap/esp32_DT_8.0.0.xml ESP32 en Snap! v8] interaccionant amb [http://formacio.things.cat/xtra/wsMqtt02/ un exemple Qt/QML en WebAssembly] ([https://www.binefa.cat/training/iot02/qt/wsMqtt03.zip Codi font de l'exemple emprant Qt/QML sobre WebAssembly])</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Wokwi i Qt/QML sobre WebAssembly</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Wokwi i Qt/QML sobre WebAssembly</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-11267:rev-11268 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=11267&oldid=prev 2025-12-03T08:39:37Z

<p><span dir="auto"><span class="autocomment">Exemples en línia d&#039;ús d&#039;MQTT</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 08:39, 3 des 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l169" >Línia 169:</td> <td colspan="2" class="diff-lineno">Línia 169:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! i Qt/QML sobre WebAssembly</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[http://formacio.things.cat/snap8/snap.html#open:../codisSnap/esp32_DT_8.0.0.xml ESP32 en Snap! v8] interaccionant amb [http://formacio.things.cat/xtra/wsMqtt02/ un exemple Qt/QML en WebAssembly] ([https://www.binefa.cat/training/iot02/qt/wsMqtt03.zip Codi font de l'exemple emprant Qt/QML sobre WebAssembly])</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">- </ins>[http://formacio.things.cat/snap8/snap.html#open:../codisSnap/esp32_DT_8.0.0.xml ESP32 en Snap! v8] interaccionant amb [http://formacio.things.cat/xtra/wsMqtt02/ un exemple Qt/QML en WebAssembly] ([https://www.binefa.cat/training/iot02/qt/wsMqtt03.zip Codi font de l'exemple emprant Qt/QML sobre WebAssembly])</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">- [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=IoT-02_board_segur_EIC Exemple implementat en Snap! de control bidireccional emprant MQTT] (Seleccioneu ''Extensions de JavaScript'' al menú de l'engranatge -a l'esquerra del títol '''IoT-02_board_segur_EIC'''). [https://wokwi.com/projects/449249416101518337 esp32_mqtt_02 al Wokwi]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">- Connexió MQTT des de dos navegadors diferents: [https://binefa.com/clot/smx/telecontrol01/ botonera] amb  [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt02 codi Snap! amb MQTT] o [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&amp;ProjectName=estelaMqtt04 codi Snap! amb MQTT i personatges]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">- [https://www.emqx.com/en/mqtt/public-mqtt5-broker Broker MQTT broker.emqx.io]</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Wokwi i Qt/QML sobre WebAssembly</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Wokwi i Qt/QML sobre WebAssembly</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-11266:rev-11267 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=11266&oldid=prev 2025-12-03T08:37:36Z

<p><span dir="auto"><span class="autocomment">Referencias</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 08:37, 3 des 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l175" >Línia 175:</td> <td colspan="2" class="diff-lineno">Línia 175:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://wokwi.com/projects/350955865540395602 ESP32 programat en MicroPython emprant MQTT] interaccionant amb [http://formacio.things.cat/xtra/wsMqtt02/ un exemple Qt/QML sobre WebAssembly]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://wokwi.com/projects/350955865540395602 ESP32 programat en MicroPython emprant MQTT] interaccionant amb [http://formacio.things.cat/xtra/wsMqtt02/ un exemple Qt/QML sobre WebAssembly]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>= <del class="diffchange diffchange-inline">Referencias </del>=</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>= <ins class="diffchange diffchange-inline">Referencies </ins>=</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.luisllamas.es/protocolos-de-comunicacion-para-iot/ Protocolos de comunicación para IoT]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.luisllamas.es/protocolos-de-comunicacion-para-iot/ Protocolos de comunicación para IoT]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-11265:rev-11266 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=11265&oldid=prev 2025-12-03T08:37:08Z

<p><span dir="auto"><span class="autocomment">Filtres de tema (topic wildcards)</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 08:37, 3 des 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l48" >Línia 48:</td> <td colspan="2" class="diff-lineno">Línia 48:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Image:MqttTopicWildcardPlus.png|center|Exemple de comodí d'un solo nivell (de HiveMQ)]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Image:MqttTopicWildcardPlus.png|center|Exemple de comodí d'un solo nivell (de HiveMQ)]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Qulasevol </del>tema coincideix amb un tema amb un comodí d'un solo nivell si conté una cadena arbitrària en lloc del comodí. Por exemple, una subscripció a myhome/groundfloor/+/temperature pot produir els següents resultats:</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Qualsevol </ins>tema coincideix amb un tema amb un comodí d'un solo nivell si conté una cadena arbitrària en lloc del comodí. Por exemple, una subscripció a myhome/groundfloor/+/temperature pot produir els següents resultats:</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Image:TopicWildcardPlusExample.png|center|Exemple de comodí d'un sol nivell (de HiveMQ)]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Image:TopicWildcardPlusExample.png|center|Exemple de comodí d'un sol nivell (de HiveMQ)]]</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7361:rev-11265 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=7361&oldid=prev 2023-10-10T12:05:55Z

<p><span dir="auto"><span class="autocomment">Referencias</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 12:05, 10 oct 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l180" >Línia 180:</td> <td colspan="2" class="diff-lineno">Línia 180:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://mqtt.org/ MQTT: The Standard for IoT Messaging]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://mqtt.org/ MQTT: The Standard for IoT Messaging]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.binefa.cat/IoT/teoria/mqtt_00.pdf Introducció a MQTT] <del class="diffchange diffchange-inline">(''en catalán'')</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://www.binefa.cat/IoT/teoria/mqtt_00.pdf Introducció a MQTT]  </div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.hivemq.com/mqtt-essentials/ MQTT Essentials] (de ''HiveMQ'')</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.hivemq.com/mqtt-essentials/ MQTT Essentials] (de ''HiveMQ'')</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l186" >Línia 186:</td> <td colspan="2" class="diff-lineno">Línia 186:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://www.steves-internet-guide.com/mqtt/ Beginners Guide To The MQTT Protocol]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://www.steves-internet-guide.com/mqtt/ Beginners Guide To The MQTT Protocol]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://mqtt.org/mqtt-specification/ <del class="diffchange diffchange-inline">Especificación </del>oficial del <del class="diffchange diffchange-inline">protocolo </del>MQTT]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://mqtt.org/mqtt-specification/ <ins class="diffchange diffchange-inline">Especificació </ins>oficial del <ins class="diffchange diffchange-inline">protocol </ins>MQTT]</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7360:rev-7361 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=7360&oldid=prev 2023-10-10T12:05:32Z

<p><span dir="auto"><span class="autocomment">Ejemplos en línea de uso de MQTT</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 12:05, 10 oct 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l166" >Línia 166:</td> <td colspan="2" class="diff-lineno">Línia 166:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.luisllamas.es/que-es-mqtt-su-importancia-como-protocolo-iot/ Font: Pàqina web de Luis Llamas]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.luisllamas.es/que-es-mqtt-su-importancia-como-protocolo-iot/ Font: Pàqina web de Luis Llamas]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>= <del class="diffchange diffchange-inline">Ejemplos </del>en <del class="diffchange diffchange-inline">línea de uso de </del>MQTT =</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>= <ins class="diffchange diffchange-inline">Exemples </ins>en <ins class="diffchange diffchange-inline">línia d'ús d'</ins>MQTT =</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Snap! <del class="diffchange diffchange-inline">y </del>Qt/QML sobre WebAssembly</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Snap! <ins class="diffchange diffchange-inline">i </ins>Qt/QML sobre WebAssembly</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[http://formacio.things.cat/snap8/snap.html#open:../codisSnap/esp32_DT_8.0.0.xml ESP32 en Snap! v8] <del class="diffchange diffchange-inline">interaccionando con </del>[http://formacio.things.cat/xtra/wsMqtt02/ un <del class="diffchange diffchange-inline">ekemplo </del>Qt/QML <del class="diffchange diffchange-inline">con </del>WebAssembly] ([https://www.binefa.cat/training/iot02/qt/wsMqtt03.zip <del class="diffchange diffchange-inline">Código fuente del ejemplo usando </del>Qt/QML sobre WebAssembly])</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[http://formacio.things.cat/snap8/snap.html#open:../codisSnap/esp32_DT_8.0.0.xml ESP32 en Snap! v8] <ins class="diffchange diffchange-inline">interaccionant amb </ins>[http://formacio.things.cat/xtra/wsMqtt02/ un <ins class="diffchange diffchange-inline">exemple </ins>Qt/QML <ins class="diffchange diffchange-inline">en </ins>WebAssembly] ([https://www.binefa.cat/training/iot02/qt/wsMqtt03.zip <ins class="diffchange diffchange-inline">Codi font de l'exemple emprant </ins>Qt/QML sobre WebAssembly])</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Wokwi <del class="diffchange diffchange-inline">y </del>Qt/QML sobre WebAssembly</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Wokwi <ins class="diffchange diffchange-inline">i </ins>Qt/QML sobre WebAssembly</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://wokwi.com/projects/350955865540395602 ESP32 <del class="diffchange diffchange-inline">programado </del>en MicroPython <del class="diffchange diffchange-inline">usando </del>MQTT] <del class="diffchange diffchange-inline">interaccionando con </del>[http://formacio.things.cat/xtra/wsMqtt02/ un <del class="diffchange diffchange-inline">ejemplo </del>Qt/QML sobre WebAssembly]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://wokwi.com/projects/350955865540395602 ESP32 <ins class="diffchange diffchange-inline">programat </ins>en MicroPython <ins class="diffchange diffchange-inline">emprant </ins>MQTT] <ins class="diffchange diffchange-inline">interaccionant amb </ins>[http://formacio.things.cat/xtra/wsMqtt02/ un <ins class="diffchange diffchange-inline">exemple </ins>Qt/QML sobre WebAssembly]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Referencias =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Referencias =</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7359:rev-7360 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=7359&oldid=prev 2023-10-10T12:04:02Z

<p><span dir="auto"><span class="autocomment">Estructura d&#039;un missatge MQTT</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 12:04, 10 oct 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l131" >Línia 131:</td> <td colspan="2" class="diff-lineno">Línia 131:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Els tipus de missatges i codis de control que es trameten al protocol MQTT són els següents:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Els tipus de missatges i codis de control que es trameten al protocol MQTT són els següents:</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{| class=&quot;wikitable&quot; style=&quot;margin:auto&quot;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{| class=&quot;wikitable&quot; style=&quot;margin:auto&quot;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|+ <del class="diffchange diffchange-inline">Asignación </del>de <del class="diffchange diffchange-inline">puertos para el curso 2022-2023</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|+ <ins class="diffchange diffchange-inline">Tipus </ins>de <ins class="diffchange diffchange-inline">missatges i codis de control a MQTT</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>! Mensaje !! Código</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>! Mensaje !! Código</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7358:rev-7359 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=El_protocol_MQTT&diff=7358&oldid=prev 2023-10-10T12:02:54Z

<p><span dir="auto"><span class="autocomment">Estructura de un mensaje MQTT</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 12:02, 10 oct 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l118" >Línia 118:</td> <td colspan="2" class="diff-lineno">Línia 118:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://mqtt.org/ Fuente: Pàgina de mqtt.org]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://mqtt.org/ Fuente: Pàgina de mqtt.org]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>= Estructura <del class="diffchange diffchange-inline">de </del>un <del class="diffchange diffchange-inline">mensaje </del>MQTT =</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>= Estructura <ins class="diffchange diffchange-inline">d'</ins>un <ins class="diffchange diffchange-inline">missatge </ins>MQTT =</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Uno de los componentes más importantes </del>del <del class="diffchange diffchange-inline">protocolo </del>MQTT es la <del class="diffchange diffchange-inline">definición y tipología de los mensajes</del>, <del class="diffchange diffchange-inline">ya </del>que <del class="diffchange diffchange-inline">son </del>una de las bases de <del class="diffchange diffchange-inline">la agilidad </del>en la que radica <del class="diffchange diffchange-inline">su fortaleza</del>. Cada <del class="diffchange diffchange-inline">mensaje </del>consta de 3 <del class="diffchange diffchange-inline">partes</del>:</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Un dels components més importants </ins>del <ins class="diffchange diffchange-inline">protocol </ins>MQTT es la <ins class="diffchange diffchange-inline">definició i tipologia dels missatges</ins>, <ins class="diffchange diffchange-inline">ja </ins>que <ins class="diffchange diffchange-inline">són </ins>una de las bases de <ins class="diffchange diffchange-inline">l'agilitat </ins>en la que radica <ins class="diffchange diffchange-inline">llur fortalesa</ins>. Cada <ins class="diffchange diffchange-inline">missatge </ins>consta de 3 <ins class="diffchange diffchange-inline">parts</ins>:</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Image:MqttMessage.png|center|<del class="diffchange diffchange-inline">Mensaje </del>MQTT]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Image:MqttMessage.png|center|<ins class="diffchange diffchange-inline">Missatge </ins>MQTT]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''<del class="diffchange diffchange-inline">Cabecera fija</del>'''. Ocupa 2 a 5 bytes, <del class="diffchange diffchange-inline">obligatorio</del>. Consta <del class="diffchange diffchange-inline">de </del>un <del class="diffchange diffchange-inline">código </del>de control, que identifica el <del class="diffchange diffchange-inline">tipo </del>de <del class="diffchange diffchange-inline">mensaje enviado</del>, <del class="diffchange diffchange-inline">y </del>de la longitud del <del class="diffchange diffchange-inline">mensaje</del>. La longitud <del class="diffchange diffchange-inline">se </del>codifica <del class="diffchange diffchange-inline">en </del>1 a 4 bytes, <del class="diffchange diffchange-inline">de los cuales se emplean los </del>7 <del class="diffchange diffchange-inline">primeros </del>bits, <del class="diffchange diffchange-inline">y el último es </del>un bit de <del class="diffchange diffchange-inline">continuidad</del>.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* '''<ins class="diffchange diffchange-inline">Capçalera fixa</ins>'''. Ocupa <ins class="diffchange diffchange-inline">de </ins>2 a 5 bytes, <ins class="diffchange diffchange-inline">obligatori</ins>. Consta <ins class="diffchange diffchange-inline">d'</ins>un <ins class="diffchange diffchange-inline">codi </ins>de control, que identifica el <ins class="diffchange diffchange-inline">tipus </ins>de <ins class="diffchange diffchange-inline">missatge tramès</ins>, <ins class="diffchange diffchange-inline">i </ins>de la longitud del <ins class="diffchange diffchange-inline">missatge</ins>. La longitud <ins class="diffchange diffchange-inline">es </ins>codifica <ins class="diffchange diffchange-inline">d'</ins>1 a 4 bytes, <ins class="diffchange diffchange-inline">dels quals es fan servir els </ins>7 <ins class="diffchange diffchange-inline">primers </ins>bits, <ins class="diffchange diffchange-inline">i l'últim és </ins>un bit de <ins class="diffchange diffchange-inline">continuitat</ins>.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''<del class="diffchange diffchange-inline">Cabecera </del>variable'''. Opcional, <del class="diffchange diffchange-inline">contiene información adicional </del>que <del class="diffchange diffchange-inline">es necesaria en ciertos mensajes </del>o <del class="diffchange diffchange-inline">situaciones</del>.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* '''<ins class="diffchange diffchange-inline">Capçalera </ins>variable'''. Opcional, <ins class="diffchange diffchange-inline">conté informació addicional </ins>que <ins class="diffchange diffchange-inline">és necessària a certs missatges </ins>o <ins class="diffchange diffchange-inline">situacions</ins>.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''<del class="diffchange diffchange-inline">Contenido</del>(''payload'')'''. Es el <del class="diffchange diffchange-inline">contenido </del>real del <del class="diffchange diffchange-inline">mensaje</del>. <del class="diffchange diffchange-inline">Puede tener </del>un <del class="diffchange diffchange-inline">máximo </del>de 256 Mb <del class="diffchange diffchange-inline">aunque en implementaciones reales </del>el <del class="diffchange diffchange-inline">máximo es de </del>2 <del class="diffchange diffchange-inline">a </del>4 kB.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* '''<ins class="diffchange diffchange-inline">Contingut</ins>(''payload'')'''. Es el <ins class="diffchange diffchange-inline">contingut </ins>real del <ins class="diffchange diffchange-inline">missatge</ins>. <ins class="diffchange diffchange-inline">Pot tenir </ins>un <ins class="diffchange diffchange-inline">màxim </ins>de 256 Mb <ins class="diffchange diffchange-inline">malgrat que a implementacions reals </ins>el <ins class="diffchange diffchange-inline">màximo acostuma a estar entre </ins>2 <ins class="diffchange diffchange-inline">i </ins>4 kB.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Los tipos </del>de <del class="diffchange diffchange-inline">mensajes y códigos </del>de control que <del class="diffchange diffchange-inline">se envían en el protocolo </del>MQTT <del class="diffchange diffchange-inline">son los siguientes</del>:</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Els tipus </ins>de <ins class="diffchange diffchange-inline">missatges i codis </ins>de control que <ins class="diffchange diffchange-inline">es trameten al protocol </ins>MQTT <ins class="diffchange diffchange-inline">són els següents</ins>:</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{| class=&quot;wikitable&quot; style=&quot;margin:auto&quot;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{| class=&quot;wikitable&quot; style=&quot;margin:auto&quot;</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|+ Asignación de puertos para el curso 2022-2023</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|+ Asignación de puertos para el curso 2022-2023</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l164" >Línia 164:</td> <td colspan="2" class="diff-lineno">Línia 164:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|}</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.luisllamas.es/que-es-mqtt-su-importancia-como-protocolo-iot/ <del class="diffchange diffchange-inline">Fuente</del>: <del class="diffchange diffchange-inline">Páqina </del>web de Luis Llamas]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://www.luisllamas.es/que-es-mqtt-su-importancia-como-protocolo-iot/ <ins class="diffchange diffchange-inline">Font</ins>: <ins class="diffchange diffchange-inline">Pàqina </ins>web de Luis Llamas]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Ejemplos en línea de uso de MQTT =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Ejemplos en línea de uso de MQTT =</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! y Qt/QML sobre WebAssembly</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Snap! y Qt/QML sobre WebAssembly</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7357:rev-7358 --> </table>

Jordi Binefa