Turn on four LEDs connected to the ESP32 board via WIFI

ESP32 13-09-23

292 0

Tutorial plan

1- The difference between WIFI and Bluetooth

2- The ESP32 board and WIFI

3- Role of boot.py and main.py files in ESP32 board

4- The webserver with the ESP32 card

5- Lighting four LEDs connected to the ESP32 board via WIFI with Micropython

6- The components needed to use four LEDs with the ESP32

7- Mounting the ESP32 with four LEDs

The difference between WIFI and Bluetooth

Wi-Fi and Bluetooth are both wireless communication technologies, but they serve different purposes and have distinct characteristics. Here are the key differences between Wi-Fi and Bluetooth:

1- Purpose:

- Wi-Fi (Wireless Fidelity): Wi-Fi is primarily designed for high-speed data transmission over relatively long distances. It is commonly used for connecting devices to the internet, local area networks (LANs), and to each other for tasks like file sharing and media streaming.

2- Bluetooth: Bluetooth is designed for short-range wireless communication between devices. It is mainly used for connecting peripherals like keyboards, mice, headphones, speakers, and for transferring smaller files between devices such as smartphones, tablets, and laptops.

2- Range:

- Wi-Fi: Wi-Fi typically has a longer range compared to Bluetooth. Wi-Fi signals can cover large areas, depending on the router's power and the presence of obstacles.

- Bluetooth: Bluetooth has a shorter range, usually up to about 30 meters (100 feet). However, this range can vary depending on the Bluetooth version and the specific devices involved.

3- Data Transfer Rate:

- Wi-Fi: Wi-Fi offers much higher data transfer rates than Bluetooth. Modern Wi-Fi standards, like Wi-Fi 6 (802.11ax), can provide speeds of several gigabits per second, making it suitable for streaming high-definition video and fast internet access.

- Bluetooth: Bluetooth offers lower data transfer rates compared to Wi-Fi. The latest Bluetooth 5.x standard provides speeds of up to 2 Mbps, which is sufficient for most audio streaming and file transfers but not ideal for high-bandwidth tasks.

4- Power Consumption:

- Wi-Fi: Wi-Fi tends to consume more power, which is why devices like smartphones and laptops have limited battery life when actively using Wi-Fi connections.

- Bluetooth: Bluetooth is designed to be more power-efficient, making it suitable for battery-operated devices like wireless headphones and fitness trackers. Bluetooth Low Energy (BLE) is a variant of Bluetooth designed specifically for low-power applications.

5- Use Cases:

- Wi-Fi: Wi-Fi is commonly used for internet access, online gaming, streaming media, and connecting multiple devices to a network.

- Bluetooth: Bluetooth is often used for connecting accessories like headphones, speakers, keyboards, and mice to computers and mobile devices, as well as for tasks like transferring photos and files between smartphones.

In summary, Wi-Fi is better suited for high-speed, long-range wireless data transmission, while Bluetooth is designed for short-range connections between devices, emphasizing low power consumption and compatibility with various peripherals. The choice between Wi-Fi and Bluetooth depends on the specific use case and requirements of the devices involved.

The ESP32 board and WIFI

The ESP32 is a versatile microcontroller board that is well-known for its built-in Wi-Fi capabilities. Here's an overview of the ESP32 board and its Wi-Fi features:

1- ESP32 Microcontroller:

- The ESP32 is a microcontroller board based on the ESP32 chip, which is developed by Espressif Systems.

- It features a dual-core Xtensa LX6 CPU, which allows for multitasking and processing tasks efficiently.

- The ESP32 includes various built-in peripherals, including GPIO pins, ADCs, DACs, UART, SPI, I2C, and more, making it suitable for a wide range of IoT (Internet of Things) and embedded projects.

2- Wi-Fi Connectivity:

- One of the standout features of the ESP32 is its integrated Wi-Fi capabilities. It supports 2.4 GHz Wi-Fi 802.11 b/g/n, which enables it to connect to wireless networks and the internet.

- The Wi-Fi stack on the ESP32 allows it to act as both a station (client) that can connect to existing Wi-Fi networks and an access point (AP) that can create its own Wi-Fi network for other devices to connect to.

- The ESP32 supports secure Wi-Fi connections using protocols like WPA/WPA2 and even more advanced security features.

3- Applications:

The combination of the ESP32's processing power and built-in Wi-Fi makes it ideal for a wide range of applications, including:

- IoT devices: Sensors and actuators can be connected to the ESP32, which can then transmit data to the cloud or a local server via Wi-Fi.

- Home automation: ESP32 boards can be used to control smart home devices, monitor energy usage, and more.

- Wi-Fi-connected gadgets: You can build Wi-Fi-connected gadgets like weather stations, smart doorbells, and Wi-Fi-controlled robots.

- Internet-connected displays: ESP32 can be used to create web servers, IoT dashboards, and even simple web-based games.

4- Programming:

- The ESP32 can be programmed using various development environments, including the Arduino IDE, PlatformIO, and the Espressif IDF (IoT Development Framework).

- A rich ecosystem of libraries and resources is available for ESP32 development, making it easier to build Wi-Fi-enabled projects.

5- Power Consumption:

The ESP32 is relatively power-efficient, especially when compared to more power-hungry Wi-Fi modules. It offers power-saving features, making it suitable for battery-operated IoT devices.

In summary, the ESP32 board is a popular choice for IoT and embedded projects that require Wi-Fi connectivity. Its combination of a powerful microcontroller, integrated Wi-Fi capabilities, and extensive development support has made it a go-to platform for building a wide range of Wi-Fi-enabled devices and applications.

Role of boot.py and main.py files in ESP32 board

In the context of the ESP32 microcontroller board, the boot.py and main.py files play essential roles in the firmware execution and control flow. These files are used in MicroPython, a popular Python implementation for microcontrollers.

1- boot.py:

Bootstrapping: The boot.py file is executed very early in the boot process of the ESP32. It is responsible for setting up some basic system configurations and initialization tasks. This includes configuring the board's pins, setting up the network stack (if required), and other low-level hardware configurations.

Pre-main Tasks: Anything that needs to be established before the main application code runs can be placed in this file. For example, you might configure the serial communication, initialize hardware peripherals, or set up system-wide variables.

Control Flow: If there are issues during the boot.py execution (e.g., incorrect pin configuration or failed network initialization), the system may halt or enter safe mode, depending on the specific implementation.

2- main.py:

Application Code: The main.py file contains the main application code that you want to run on the ESP32. This is where you write your Python code to control sensors, actuators, and perform other tasks specific to your project.

Control Flow: After the boot.py initialization is complete, the control is transferred to the main.py file, and the code in this file starts executing. Your application logic should be organized here.

It's important to note that not all MicroPython setups require both boot.py and main.py. In some cases, you might only need a main.py file if you don't have specific bootstrapping or initialization requirements. The purpose of these files is to separate low-level system setup from the high-level application code, making it easier to maintain and manage your ESP32 projects.

Lighting four LEDs connected to the ESP32 board via WIFI with Micropython

To light four LEDs connected to an ESP32 board via Wi-Fi using MicroPython and separate boot.py and main.py scripts, follow these steps:

1. Hardware Setup: Connect four LEDs to the GPIO pins on your ESP32. Make sure to connect the anode (longer leg) of the LED to a current-limiting resistor and then to the GPIO pin. Connect the cathode (shorter leg) of the LED to the ground (GND) pin.

2. Flash MicroPython: Ensure you have MicroPython firmware flashed onto your ESP32, and that it has Wi-Fi support enabled.

3. boot.py Script: Create a boot.py script (this script runs on boot and initializes Wi-Fi):

# Complete project details at https://RandomNerdTutorials.com

try:
  import usocket as socket
except:
  import socket

from machine import Pin
import network

import esp
esp.osdebug(None)

import gc
gc.collect()

ssid = 'REPLACE_WITH_YOUR_SSID'
password = 'REPLACE_WITH_YOUR_PASSWORD'

station = network.WLAN(network.STA_IF)

station.active(True)
station.connect(ssid, password)

while station.isconnected() == False:
  pass

print('Connection successful')
print(station.ifconfig())

red_led = Pin(23, Pin.OUT)
green_led = Pin(22, Pin.OUT)
yellow_led = Pin(21, Pin.OUT)
blue_led = Pin(19, Pin.OUT)

# Complete project details at https://RandomNerdTutorials.com

try:

import usocket as socket

except:

import socket

from machine import Pin

import network

import esp

esp.osdebug(None)

import gc

gc.collect()

ssid = 'REPLACE_WITH_YOUR_SSID'

password = 'REPLACE_WITH_YOUR_PASSWORD'

station = network.WLAN(network.STA_IF)

station.active(True)

station.connect(ssid, password)

while station.isconnected() == False:

pass

print('Connection successful')

print(station.ifconfig())

red_led = Pin(23, Pin.OUT)

green_led = Pin(22, Pin.OUT)

yellow_led = Pin(21, Pin.OUT)

blue_led = Pin(19, Pin.OUT)

4. main.py Script: Create a main.py script (this script will run after boot.py and control the four LEDs):

def web_page():

  html = """<html><head> <title>ESP Web Server</title>
           <meta name="viewport" content="width=device-width, initial-scale=1">
           <link rel="icon" href="data:,">
           <style>html{font-family: Helvetica; display:inline-block; margin: 0px auto; text-align: center;} h1{color: #0F3376; padding: 2vh;}p{font-size: 1.5rem;}.button{display: inline-block; background-color: #009933; border: none; border-radius: 4px; color: white; padding: 16px 40px; text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;} .button2{background-color: #e7bd3b;} .button3{background-color: #ff0000;} .button4{background-color: #0014ff;}</style></head>
           <body> <h1>ESP Web Server</h1>
           <p><a href="/?led=green"><button class="button">Green LED</button></a></p> <p><a href="/?led=yellow"><button class="button button2">Yellow LED</button></a></p>
<p><a href="/?led=red"><button class="button button3">Red LED</button></a></p><p><a href="/?led=blue"><button class="button button4">Blue LED</button></a></p></body></html>"""
  return html


s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
s.bind(('', 80))
s.listen(5)

red_on=0
green_on=0
yellow_on=0
blue_on=0

while True:
    conn, addr = s.accept()
    print('Got a connection from %s' % str(addr))
    request = conn.recv(1024)
    request = str(request)
    print('Content = %s' % request)
    red = request.find('/?led=red')  
    green = request.find('/?led=green')
    yellow = request.find('/?led=yellow')
    blue=request.find('/?led=blue')
    if red == 6: # we press the red button
        if red_on==0:
            print('RED')
            red_led.value(1) # turn on the red led
            red_on=1
        else:
            red_on=0
            
            red_led.value(0) # turn off the red led           
    if green == 6: # we press the green button
        if green_on==0:
            print('green')
            green_led.value(1) # turn on the green led
            green_on=1
        else:
            green_led.value(0) # turn off the green led
            green_on=0

    if yellow == 6: # we press the yellow button
        if yellow_on==0:
            print('yellow')
            yellow_led.value(1) # turn on the yellow led
            yellow_on=1
        else:
            yellow_led.value(0) # turn off the yellow led
            yellow_on=0
    if blue == 6: # we press the blue button
        if blue_on==0:
            print('blue')
            blue_led.value(1) # turn on the blue led
            blue_on=1
        else:
            blue_led.value(0) # turn off the blue led
            blue_on=0
            
    response = web_page()
    conn.send('HTTP/1.1 200 OK\n')
    conn.send('Content-Type: text/html\n')
    conn.send('Connection: close\n\n')
    conn.sendall(response)
    conn.close()

def web_page():

html = """<html><head> <title>ESP Web Server</title>

<body> <h1>ESP Web Server</h1>

<p><a href="/?led=green"><button class="button">Green LED</button></a></p> <p><a href="/?led=yellow"><button class="button button2">Yellow LED</button></a></p>

<p><a href="/?led=red"><button class="button button3">Red LED</button></a></p><p><a href="/?led=blue"><button class="button button4">Blue LED</button></a></p></body></html>"""

return html

s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

s.bind(('', 80))

s.listen(5)

red_on=0

green_on=0

yellow_on=0

blue_on=0

while True:

conn, addr = s.accept()

print('Got a connection from %s' % str(addr))

request = conn.recv(1024)

request = str(request)

print('Content = %s' % request)

red = request.find('/?led=red')

green = request.find('/?led=green')

yellow = request.find('/?led=yellow')

blue=request.find('/?led=blue')

if red == 6: # we press the red button

if red_on==0:

print('RED')

red_led.value(1) # turn on the red led

red_on=1

else:

red_on=0

red_led.value(0) # turn off the red led

if green == 6: # we press the green button

if green_on==0:

print('green')

green_led.value(1) # turn on the green led

green_on=1

else:

green_led.value(0) # turn off the green led

green_on=0

if yellow == 6: # we press the yellow button

if yellow_on==0:

print('yellow')

yellow_led.value(1) # turn on the yellow led

yellow_on=1

else:

yellow_led.value(0) # turn off the yellow led

yellow_on=0

if blue == 6: # we press the blue button

if blue_on==0:

print('blue')

blue_led.value(1) # turn on the blue led

blue_on=1

else:

blue_led.value(0) # turn off the blue led

blue_on=0

response = web_page()

conn.send('HTTP/1.1 200 OK\n')

conn.send('Content-Type: text/html\n')

conn.send('Connection: close\n\n')

conn.sendall(response)

conn.close()

5. Customize GPIO Pin: Replace LED_PIN with the GPIO pin number where LED is connected. In the example, it's set to GPIO pin 23 to red LED , set to GPIO pin 22 to green LED, set to GPIO pin 22 to yellow LED and set to GPIO pin 19 to blue LED.

6. Upload Scripts: Upload both the boot.py and main.py scripts to your ESP32 using a tool like ampy or WebREPL.

7. Power On the ESP32: Power on your ESP32, and it should connect to your Wi-Fi network (as configured in boot.py) and start toggling four LEDs connected to the specified GPIO pins according to the logic in main.py.

This setup will automatically connect your ESP32 to Wi-Fi on boot and run the LED control code in main.py. Make sure to replace 'Your_WiFi_SSID' and 'Your_WiFi_Password' with your actual Wi-Fi credentials.

The components needed to control four LEDs by the ESP32 board

To control four LEDs with the ESP32 board, you will need the following components:

1- ESP32 Board:

The ESP32 is a microcontroller board that features built-in WiFi and Bluetooth capabilities. It can be programmed and used to control the LED.

2- Four Resistors

four resistors

A resistor is an essential electronic component used to impede or limit the flow of electric current in a circuit. It's designed to have a specific resistance value, which is measured in ohms (Ω). Resistors come in various shapes, sizes, and types to suit different applications.

3- Four LEDs (Light Emitting Diode):

four LEDs

A Light Emitting Diode (LED) is a semiconductor device that emits light when an electric current passes through it. LEDs are widely used in various applications due to their efficiency, small size, and low power consumption.

4- Breadboard:

Test plate

A breadboard is a useful tool for creating temporary electronic circuits. It allows you to connect components without soldering.

5- Jumper wires:

Jumper wires

You will need jumper wires to make electrical connections between the components on the breadboard.

Mounting the ESP32 card with foor LEDs

Here's a step-by-step guide to mounting the ESP32 card with four LEDs:

1- Prepare the ESP32 board: Ensure that your ESP32 board is in good working condition and has the necessary headers or pins for connecting the LEDs. If your board doesn't have pre-soldered pins, you may need to solder them on yourself.

2- Connect the LEDs: Take your LEDs and identify their anode (longer leg) and cathode (shorter leg). Connect the anode of each LED to a separate GPIO (General Purpose Input/Output) pin on the ESP32 board. Use the current-limiting resistors between the cathode of each LED and ground to prevent excessive current flow.

3- Set up the circuit: If using a breadboard, place the ESP32 board on one side of the breadboard and connect the LEDs and resistors on the other side. Ensure that each LED's anode is connected to a separate GPIO pin on the board and the cathode is connected to the corresponding resistor and then to the ground rail of the breadboard.

4- Wire the connections: Use jumper wires to make the necessary connections between the ESP32 board, LEDs, and resistors. Connect the anode of each LED to its respective GPIO pin and connect the cathodes to the resistors and then to the ground.

5- Code the LED control: Write a program in your preferred programming language (such as Arduino IDE or MicroPython) to control the LEDs. You can use the GPIO pins connected to the LEDs as output pins and control them using the programming language's syntax.

6- Upload the code: Compile and upload the code to your ESP32 board using the appropriate software and method for your chosen programming language and IDE.

7- Test the setup: Once the code is uploaded successfully, power on the ESP32 board. Your program should control the LEDs based on the logic you implemented in the code.

Mounting the ESP32 card with foor LEDs