Turn on a LED From Your Cell Phone Using ESP32 and Blynk (Step-by-Step Guide)

In this project, we use an ESP32 board to control an LED remotely through the Blynk IoT platform using a cell phone. By connecting the ESP32 to WiFi and linking it to the Blynk mobile app, we can turn the LED on or off from anywhere, as long as an internet connection is available.

This project is perfect for beginners who want to learn how to control physical devices using IoT tools. It also introduces essential concepts such as WiFi connectivity, cloud communication, and virtual pins. With just a few components and the Blynk app, you can easily build your first IoT project using the ESP32.

------------------------------------------------------------------------------------------

Dans ce projet, nous utilisons une carte ESP32 pour contrôler une LED à distance grâce à la plateforme IoT Blynk en utilisant un téléphone portable. En connectant l’ESP32 au WiFi et en le reliant à l’application mobile Blynk, il devient possible d’allumer ou d’éteindre la LED depuis n’importe où, tant qu’une connexion Internet est disponible.

Ce projet est idéal pour les débutants qui souhaitent découvrir comment piloter des dispositifs physiques à l’aide d’outils IoT. Il introduit également des notions essentielles comme la connectivité WiFi, la communication avec le cloud et l’utilisation des pins virtuels. Avec seulement quelques composants et l’application Blynk, vous pouvez facilement créer votre premier projet IoT avec l’ESP32.

1. ESP32 development board
2. USB-A to Micro-USB cable
3. 30 pin esp32 expansion board
4. Red LED
5. One 330 Ohm resistors
6. Jumper wires
7. Breadboard

--------------------------------------------------------------

1. Carte de développement ESP32
2. Câble USB-A vers micro-USB
3. Carte d'extension ESP32 à 30 broches
4. LED rouge
5. Une résistance de 330 Ohm
6. Fils de connexion
7. Platine d'essai

Go to https://blynk.cloud/ and sign in to your Blynk account. If you don’t have an account yet, create one for free.

-------------------------------------------------------------------------------------------

Rendez-vous sur https://blynk.cloud/ et connectez-vous à votre compte Blynk. Si vous n’en avez pas encore, créez-en un gratuitement.

On the left menu, click on Developer Zone to access the tools for creating templates and device configurations.

-------------------------------------------------------------------------------------------

Dans le menu de gauche, cliquez sur Zone des développeurs pour accéder aux outils permettant de créer des modèles et de configurer les appareils.

Click on New Template.

Fill in the fields:

1. Name: led controller esp32
2. Hardware: ESP32 (or the board used in your project)
3. Connection Type: WiFi
4. Then click on Done.

-------------------------------------------------------------------------------------------

Cliquez sur Nouveau modèle.

Remplissez les champs :

1. Nom : led controller esp32
2. Matériel : ESP32 (ou la carte utilisée dans votre projet)
3. Type de connexion : WiFi
4. Puis cliquez sur Fait.

In your template, open Datastreams and click New Datastream → Virtual Pin.

Set the following:

1. Name: LED
2. Pin: V0
3. Data Type: Integer
4. Min: 0
5. Max: 1
6. Click on Create.
7. Click on Save

-------------------------------------------------------------------------------------------

Dans votre modèle, ouvrez Flux de données puis cliquez sur Nouveau flux de données → Epingle virtuelle.

Configurez :

1. Name : LED
2. Pin : V0
3. Data Type : Integer
4. Min : 0
5. Max : 1
6. Cliquez sur Créer.
7. Cliquez sur Sauvegarder

Go to Web Dashboard, then click Edit.

Add a Switch widget to the dashboard.

Open its settings and assign the datastream:

1. Datastream: LED (V0)
2. Set:
3. ON value: 1
4. OFF value: 0
5. Save your dashboard.

Next, click on a second Save button

-------------------------------------------------------------------------------------------

Allez dans Tableau de bord web, puis cliquez sur Modifier.

Ajoutez un widget Switch (Changer) sur le tableau de bord.

Ouvrez ses paramètres et assignez le flux de données :

1. Flux de données : LED (V0)
2. Définissez :
3. Valeur ON : 1
4. Valeur OFF : 0
5. Enregistrez votre tableau de bord.

Ensuite cliquez sur un deuxième bouton Sauvegarder

Open the Devices section.

Click New Device → Create From Template.

Choose LED_ESP32, then click Create.

Copy :

#define BLYNK_TEMPLATE_ID "....."

#define BLYNK_TEMPLATE_NAME "led controller esp32"

#define BLYNK_AUTH_TOKEN "....."

they will be used in your code

-------------------------------------------------------------------------------------------

Ouvrez la section Dispositifs.

Cliquez sur Nouvel appareil → Créer à partir du modèle.

Choisissez LED_ESP32, puis cliquez sur Créer.

Copiez:

#define BLYNK_TEMPLATE_ID "....."

#define BLYNK_TEMPLATE_NAME "led controller esp32"

#define BLYNK_AUTH_TOKEN "....."

Elles seront utilisées dans votre code.

Open the Devices section.

Open the device you just created.

Click on Development tools.

At the bottom, click on the grey rectangle to copy the code

-------------------------------------------------------------------------------------------

Ouvrez la section Dispositifs.

Ouvrez le dispositif que vous venez de créer et allez dans Device Info.

Cliquez sur Outils de développement.

En bas, cliquez sur le rectangle gris pour copier le code.

1- Open Arduino IDE, then go to File> Preferences

2- Enter the following into the “Additional Board Manager URLs” field:

https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

Then, click the “OK” button.

-------------------------------------------------------------------------------------------

1- Ouvrir l’Arduino IDE, puis va dans File> Preferences.

2- Dans le champ “Additional Board Manager URLs”, saisir l’adresse suivante :

https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

Ensuite, cliquer sur le bouton "OK".

1- Open Arduino IDE, then go to the Board Manager. In the search bar, install the “ESP32 by Espressif Systems” library.

2- Once the installation is complete, add and select the ESP32 board you are using from the Tools > Boards menu.

3- On your computer, open the Device Manager to check which COM port your ESP32 board is connected to.

4- Go back to Arduino IDE, navigate to Tools > Port, and select the COM port corresponding to your board.

5- Then go to Library manager , search for "Blynk" and install the package "Blynk by Volodymyr Shymanskyy".

-------------------------------------------------------------------------------------------

1- Ouvrir Arduino IDE, puis accéder au Gestionnaire de cartes (Board Manager). Dans la barre de recherche, installer la bibliothèque “ESP32 by Espressif Systems”.

2- Une fois l’installation terminée, ajouter et sélectionner la carte ESP32 que vous utilisez dans le menu Tools > Boards

3- Sur l’ordinateur, ouvrir le Gestionnaire de périphériques (Device Manager) pour vérifier sur quel port COM est connectée la carte ESP32.

4- Revenir dans Arduino IDE, aller dans Tools > Port et sélectionner le port COM correspondant à la carte.

5- Ensuite, allez dans le Gestionnaire de bibliothèque (Library manager), recherchez "Blynk" et installez le packet "Blynk by Volodymyr Shymanskyy".

Open your Arduino IDE (or your MicroPython editor).

Paste your program, add your Wi-Fi credentials and the three lines of code you copied from Blynk (Step 6 or Step 7), then upload the code to your ESP32.

-------------------------------------------------------------------------------------------

Ouvrez votre Arduino IDE (ou votre éditeur MicroPython).

Collez votre programme, ajoutez les identifiants de votre WiFi ainsi que les trois ligne de code que vous avez copié depuis Blynk (étape 6 ou étape 7), puis téléversez le code sur votre ESP32.

When you compile your program to upload it, you might encounter the error:

“A fatal error occurred: Failed to connect to ESP32: Wrong boot mode detected (0x13)! The chip needs to be in download mode.”

The solution is simple:

1- Click Upload in the Arduino IDE.

2- When you see:

3- Hold down the BOOT button on your ESP32.

4- Release the BOOT button when your program is uploaded successfully to the board.

Important note: even after fixing this error, the program may still fail to start immediately. If that happens, simply press the RESET button on the ESP32 to get it working properly.

-------------------------------------------------------------------------------------------

Lorsque vous compilez votre programme pour le téléverser, vous pouvez rencontrer l’erreur :

“A fatal error occurred: Failed to connect to ESP32: Wrong boot mode detected (0x13)! The chip needs to be in download mode.”

La solution est simple :

1- Cliquez sur Upload dans Arduino IDE.

2- Lorsque vous voyez :

3- Maintenez le bouton BOOT de votre ESP32.

4- Relâchez le bouton BOOT quand votre programme est téléversé correctement sur la carte.

Remarque importante : même lorsque cette erreur est résolue, il peut arriver que le programme ne démarre pas directement. Dans ce cas, il suffit d’appuyer sur le bouton RESET de l’ESP32 pour que tout fonctionne correctement.

The circuit diagram is made using : thttps://www.wokwi.com/

------------------------------------------------------------------------------------------

Le schéma est réalisé via : thttps://www.wokwi.com/

Return to Devices, click on your device, which should be online, then turn on the switch.

Your LED should turn ON and OFF in real time.

-------------------------------------------------------------------------------------------

Retournez sur Dispositifs, cliquez sur ton appareil, qui doit être en ligne ensuite actionnez l’interrupteur.

Votre LED doit s’allumer et s’éteindre en temps réel.

Open the Blynk mobile app.

1. Select your device from the list.
2. Tap the green button in the top-right corner, then press “+” to add a widget.
3. In the Widget Box, search for a Switch and add it.
4. Position the switch anywhere on your dashboard and resize it if needed.
5. Tap the switch, open Datastream, and choose LED (V0).
6. Then go to the Design tab to rename your switch. Here, I named it LED and placed it in the center. You can also change its color.
7. Your interface is ready: you can now control the LED directly from your smartphone.

------------------------------------------------------------------------------------------

Ouvrez l’application mobile Blynk.

1. Sélectionnez votre appareil dans la liste.
2. Appuyez sur le bouton vert situé en haut à droite, puis sur “+” pour ajouter un widget.
3. Dans la Widget Box, recherchez un Switch et ajoutez-le.
4. Placez le switch où vous le souhaitez sur le tableau de bord et redimensionnez-le si nécessaire.
5. Appuyez sur le switch, ouvrez Datastream, puis sélectionnez LED (V0).
6. Ensuite, allez dans l’onglet Design pour renommer votre switch. Ici, je l’ai appelé LED et je l’ai placé au centre. Vous pouvez également changer sa couleur.
7. Votre interface est prête : vous pouvez maintenant contrôler la LED depuis votre smartphone.