Git Product home page Git Product logo

esp-idf-mqtt-client's Introduction

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 HTML & CSS.

mqtt-client

Hardware requiment

Requires ESP32 with Flash Size 4M.
Models with a Flash Size 2M, such as the ESP32-C3, cannot be used.

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

config-main config-app-1

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.

config-app-2 mqtt-client-2

How to use

  • Open browser.
  • Enter the esp32 address in your browser's address bar.
  • Press Connect button. You can use broker.emqx.io.
  • Press Subscribe button.
  • Enter the payload and press the Send button.

Task Structure Diagram

Task_structure_diagram

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.