esp-idf-mqtt-client

GUI MQTT Client for esp-idf

MIT License

Stars
6
View Code on GitHub
Ecosystems: ESP32

esp-idf-mqtt-client

GUI MQTT Client for esp-idf. I used this component. This component can communicate directly with the browser. There is an example of using the component here. It's a great job.

I use this index.html. I use this open source framework.

Software requirements

ESP-IDF V5.0 or later. ESP-IDF V4.4 release branch reached EOL in July 2024. ESP-IDF V5.1 is required when using ESP32-C6.

Installation

git clone https://github.com/nopnop2002/esp-idf-mqtt-client
cd esp-idf-mqtt-client
git clone https://github.com/Molorius/esp32-websocket components/websocket
idf.py menuconfig
idf.py flash monitor

Application Setting

You can use the MDNS hostname instead of the IP address. config-app-2 mqtt-client-2

How to use

  • Open browser.
  • Enter the esp32 address in your browser's address bar.
    You can use the mDNS hostname instead of the IP address.
    Default mDNS name is esp32-server.local.
  • Enter Host & port.
    You can specify the mDNS host name like mqtt-broker.local for the host name.
    You can use broker.emqx.io as public broker.
    Press Connect button.
  • Press Subscribe button.
  • Enter the payload and press the Send button.

You can publish new topic using mqtt_pub.sh.

  • Open terminal.
  • Start mqtt_pub.sh.

Reference

https://github.com/nopnop2002/esp-idf-mqtt-image-client

Task Structure Diagram