Programador Novato

Programador Novato > Curso de ESP32 > Conexión WiFi ESP32

Conexión WiFi ESP32

En este tutorial vamos a crear una Conexión WiFi ESP32 para poder controlar dispositivos conectados al ESP32 o incluso desde el ESP32 manipular otros dispositivos.

Descargar e instalar ESP32 en Arduino

Configurar ESP32 en Arduino IDE

Conexiones

Código y diagrama de Conexión WiFi ESP32

Descargar e instalar ESP32 en Arduino

Descargar Arduino desde este link https://www.arduino.cc/en/software

Conectamos ESP32 vía USB a la computadora:

Configurar ESP32 en Arduino IDE

Agregamos las librerías de ESP32 haciendo click en Archivo -> Preferencias y pegamos este link https://dl.espressif.com/dl/package_esp32_index.json

Agregar librerías de esp32 en Arduino IDE

Vamos a Herramientas -> Placa: “Arduino” -> Gestor de tarjetas

Buscamos esp32 e instalamos la versión 1.0.4 y damos click en instalar

Ahora vamos a Herramientas-> Placa -> ESP32-> WROVE Module

Conexiones

En este caso solo vamos a usar el ESP32 sin que le conectemos nada, ya que el wifi ya está integrado al ESP32.

Código: https://wokwi.com/projects/345211285322859092

Código y diagrama de Conexión WiFi ESP32

#include <WiFi.h>
#include <WebServer.h>

WebServer server(80);
void setup() {
  Serial.begin(115200);
  const char* ssid     = "Wokwi-GUEST";
  const char* password = "";
  Serial.println("Desconectamos antes de conectar el WiFi");
  WiFi.disconnect();
  Serial.print("Conectando a  ");
  Serial.println(ssid);
  //Conectamos el esp a la red wifi
  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
  //Intentamos conectarnos a la red
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }
  //Si logramos conectarnos mostramos la ip a la que nos conectamos
  Serial.println("");
  Serial.println("WiFi connected");
  Serial.println("IP address: ");
  Serial.println(WiFi.localIP());
  //Si entramos a la raiz mostramos las opciones
  server.on("/", []() {
    String content="";
    content += "<html>";
    content += "<div><a href=\"encender\">Encender</a></div>";
    content += "<div><a href=\"apagar\">Apagar</a></div>";
    content += "</html>";
    server.send(200, "text/html", content);
  });
  server.begin();
}

void loop() {
  //
  server.handleClient();
  delay(100);
}