The EzloPi smart devices provide automation through simple, customizable use with our open-source EzloPi platform, making daily life easier and improving human-machine interactions.
Before moving into this example, it is very important to know about the device registration, provisioning and converting the ESP32 device into an EzloPi device along with knowledge of Web Flasher, MiOS Mobile Application for Android/iOS and the MiOS Web Application.
1. About this example
In this project demonstration, we will show you how to convert an existing project into a smart project using the ESP32 development board. The ESP-based EzloPi device provides the capabilities to convert your hardware (projects or devices/sensors) into IoT capable devices.
This following user guide will take you through the steps to make existing Arduino projects into smart projects using ESP MCU based boards. We can get an understanding for this easy process of converting existing or new projects into smart EzloPi projects.
Arduino Nano ESP32 combines the form factor and ease of use of the Arduino Nano with the processing power and wireless capabilities of the ESP32. This combination allows you to create projects that take advantage of the Arduino ecosystem and libraries while also incorporating Wi-Fi and Bluetooth connectivity for various IoT applications. We have demonstrated the Arduino Nano ESP32 as our EzloPi device by interfacing the RGB LED Module.
2. Circuit Diagram & Interface
The following components are required for interfacing the RGB LED module with the EzloPi device:
- Arduino Nano ESP32 as an EzloPi smart device.
- KY-009 RGB LED module.
The wiring diagram of Arduino Nano ESP32 is represented as follows:
The following connections are made in order to complete the entire circuit setup.
From Arduino Nano ESP32 to the RGB LED module:
- Connect the GND from the ESP32 to the GND pin of the RGB LED module.
- Connect the D5 pin from the ESP32 to the RGB led module pin labeled with Red.
- Connect the D4 pin from the ESP32 to the RGB led module pin labeled with Green.
- Connect the D2 pin from the ESP32 to the RGB led module pin labeled with Blue.
3. Interfacing the RGB LED module with EzloPi Web Flasher
1. Set up your device/hardware by visiting config.ezlopi.com
- Log in using the credentials which you just set earlier while signing up.
- Now, click on the Connect Device button and a pop-up window will appear.
Now, select COM Port to which your ESP32 device is connected. In our case, the COM3 port is used.
Click Connect.
- If you are new to this and it’s your first time configuring, select Create new Device ID. Enter Wifi SSID and Wifi Password.
- In the Device Configuration, tab click on Other.
- A window will open for inputting the following parameters:
- Set a device name of your choosing. In our case, we set it to RGB LED.
- Set Device Subtype to RGB LED.
- Set the GPIO1 pin to 2.
- Set the GPIO2 pin to 4.
- Set the GPIO3 pin to 5.
- Now Click the Apply button.
- After clicking the apply button you can see a table of your setting in the device configuration tab.
- Press the Flash Device button.
- A window will appear on the bottom right side of the screen displaying “Please press BOOT button while flashing begins.”
- Hold the BOOT button down until the next window appears on the bottom right side of the screen which says “Installation prepared. Please release the boot button now.”
- Release the BOOT button from your ESP32 when this pop-up on the bottom right window appears.
- After some time, a popup will appear saying Device Flashed Successfully! This means that your device has been set up successfully.
4. MiOS App
You can download the MIOS Android app from the Google Play Store and Apple App Store.
![Google Play](/wp-content/uploads/2023/06/btn-google-play.webp)
![Apple App Store](/wp-content/uploads/2023/06/btn-apple.webp)
- After downloading the app, proceed to install the application and open it.
- Using the MIOS mobile application, create a new Ezlo Cloud account using the sign-up option. If you already have an account, you may proceed to log in.
- After successfully logging in, you will be able to see the number of controllers connected such as a lamp, fan, or any other device in the MiOS app. Tap on any controller of your desired ID:
- You will be able to see the status of your controller whether it is online or offline. Access the device dashboard, and tap the device. The following view of the dashboard will appear:
- After opening the dashboard, you will be able to see the tile of your connected device.
- As you can see in the example given above, we can see the RGB LED tile. We can control the RGB module with the MiOS app to control the on/off state and also change the brightness and color of the LED.
- We can change the colors of the RGB LED by clicking on the circle present on the right hand side of the slider button.
- Here, it can be seen that we have successfully converted an Arduino project without any smart capabilities into a smart project by using an ESP-based development board.
5. MiOS Web Application
- After configuring the controller with the EzloPi web flasher, head to ezlogic.mios.com
- Use the same credentials to log in that you used for configuring the controller with the web flasher.
- On the MiOS web dashboard, the RGB LED tile can be seen, where the RGB LED on/off button is present and brightness/intensity can be varied by using the slider button along with the RGB color control button.
- From the MiOS web application, the colors of RGB LED can also be changed by clicking on the circle button present on the right hand side slider button.
- Here, it can be seen that we have successfully converted an Arduino project without any smart capabilities into a smart project by using an ESP-based development board.