GUI MQTT client for image display 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.
git clone https://github.com/nopnop2002/esp-idf-mqtt-image-client
cd esp-idf-mqtt-image-client
git clone https://github.com/Molorius/esp32-websocket components/websocket
idf.py set-target {esp32/esp32s2/esp32s3/esp32c3}
idf.py menuconfig
idf.py flash monitor
You can use the MDNS hostname instead of the IP address.
- esp-idf V4.3 or earlier
You will need to manually change the mDNS strict mode according to this instruction. - esp-idf V4.4 or later
If you set CONFIG_MDNS_STRICT_MODE = y in sdkconfig.default, the firmware will be built with MDNS_STRICT_MODE = 1.
- 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. - Press Connect button. You can use broker.hivemq.com.
- Press Subscribe button.
You can publish new topic using mosquitto_pub.
mosquitto_pub -h broker.hivemq.com -p 1883 -t "testtopic/electron/esp32.jpeg" -f esp32.jpeg
mosquitto_pub -h broker.hivemq.com -p 1883 -t "testtopic/electron/esp_logo.png" -f esp_logo.png