Skip to content

The ESP32-H2 module of the HMI Advance AI Display utilizes ZigBee technology to build a wireless Internet of Things

ZigBee is a low-power, self-organizing wireless communication technology that is widely applied in fields such as smart home, industrial monitoring, and environmental monitoring. The tutorial of this lesson will guide you on how to operate ZigBee devices and build the foundation of a ZigBee network.

1，Preparation

Hardware Devices

  1. Two CrowPanel Advance HMI ESP32 AI Displays

  2. Two ESP32-H2 modules

    One of the ESP32 - H2 modules is configured as a ZigBee coordinator. As the core of the network, it is responsible for starting and managing the entire ZigBee network.

    The other ESP32 - H2 module is configured as a ZigBee end device. It is used for data collection or performing control tasks, such as temperature and humidity sensor nodes, smart switch nodes, etc.

  3. Programmer: It is used for burning the code into the ESP32-H2 module.

  4. Two TYPE-C data cables

    zigbee_1

Tools and Software

Arduino IDE: Used for writing, compiling, and debugging ZigBee applications. In this tutorial's example, the Arduino IDE version is 2.3.3, and the ESP32 board support package version in Arduino IDE is 3.0.2.

2 Build the ZigBee Network

HMI Advance AI Display Configuration：

Open the folder that comes with this lesson. Right-click and use Arduino to open the code corresponding to the development board's model. The function of this code is to enable serial communication between the HMI Advance AI Display and the ESP32 - H2 module.

zigbee_2

Note: In this lesson, we'll use the small-sized development board as an example. The operation process for the large-sized one is the same, except that you need to set the function select keys to 01.

Connect the Advance development board to the PC.

zigbee_3

Select the corresponding hardware configuration.

zigbee_4

Click "Burn" and wait for the burning process to complete.

zigbee_5

zigbee_6

Coordinator configuration

  1. Burn the program:

    Insert the ESP32-H2 module into the programmer, and connect the programmer to the computer.

    zigbee_7

    First, press the boot key, then briefly press the reset key, and finally release the boot key to make the module enter the waiting-for-burning mode.

    zigbee_8

    Open Arduino and select the corresponding development board (ESP32-H2 Dev Module) and the corresponding port.

    zigbee_9

    Open the official sample routine that comes with the development board.

    zigbee_10

    Configure the development board options according to the comments in the code.

    zigbee_11

    zigbee_12

    Click "Burn" and wait until the burning process is completed.

    zigbee_13

    zigbee_14

  2. Hardware connection: Insert the ESP32-H2 module into the wireless module of the HMI Advance AI Display. Then, connect the HMI Advance AI Display to the computer. After that, you can see the serial - port printing information of the HMI Advance AI Display. At this time, the coordinator will start the ZigBee network according to the burned program and wait for the terminal devices to join.

Terminal device configuration

  1. Burn the program:

    Insert another Meshtastic module into the programmer, and then connect the programmer to the computer.

    zigbee_15

    First, press and hold the "Boot" key. Then, briefly press the "Reset" key. Finally, release the "Boot" key to make the module enter the waiting-for-programming mode.

    zigbee_16

    Open Arduino, and select the corresponding development board (ESP32H2 Dev Module) and the corresponding port.

    zigbee_17

    Open the official example program that comes with the development board.

    zigbee_18

    Configure the development board options according to the comments in the code.

    zigbee_19

    zigbee_20

    Click the "Burn" button and wait for the burning process to finish.

    zigbee_21

    zigbee_22

  2. Hardware connection:

    Insert the ESP32-H2 module into the wireless module of another HMI Advance AI Display. Connect the HMI Advance AI Display to the computer.

    You can view the serial port printing information of the HMI Advance AI Display. After relevant configurations are completed and meeting the specific conditions, at this moment, the terminal device automatically joins the ZigBee network.

    zigbee_23

    If the boot key of the coordinator is pressed, due to the pre - set program logic, the terminal will print out "turn on the light" or "turn off the light". At the same time, the terminal can also drive the light bulb connected to the terminal device to turn on or off.

    zigbee_24