Servidor HTTP básico con ESP32

Clase 27 de 30 • Curso de IoT: Programación de Microcontroladores ESP32

Marcela Dueñas

student•

no olvidar agregar al cmakelist de este nuevo proyecto set(EXTRA_COMPONENT_DIRS $ENV{IDF_PATH}/examples/common_components/protocol_examples_common)

Mario Ruben Hernandez Carmona

student•

Hola :)

Aquí mi resultado

Mariana Valencia Gallego

student•

No voy a mentir, me emocioné un montón al ver ese Hola Mundo. Llevo muchos años desarrollando web pero hacer un servidor en algo tan pequeño, algo iot me generó mucha felicidad.

Gran clase!

Julio Cardenas

student•

Este es mi ejercicio . .

. .

************************************************************
IP       : 192.168.197.252
 Net mask : 255.255.255.0
 Gateway  : 192.168.197.222
 I (10944) main_task: Returned from app_main()
I (11054) wifi:<ba-add>idx:1 (ifx:0, 36:4f:fc:11:3f:28), tid:6, ssn:2, winSize:64

. Este es el codigo del programa: .

#include <stdio.h>
#include "string.h"
#include "esp_wifi.h"
#include "nvs_flash.h"
#include "protocol_examples_common.h"
#include "esp_http_server.h"
#include "pagina.h"

esp_netif_ip_info_t ip_info;
esp_netif_t* netif = NULL;

static esp_err_t home_get_handler(httpd_req_t *req)
{
    httpd_resp_send(req, resp, HTTPD_RESP_USE_STRLEN);
    return ESP_OK;
};

static const httpd_uri_t home = {
    .uri = "/",
    .method = HTTP_GET,
    .handler = home_get_handler
};

void web_server_init()
{
    httpd_handle_t server = NULL;
    httpd_config_t config = HTTPD_DEFAULT_CONFIG();
    
    if (httpd_start(&server, &config) == ESP_OK)
    {
        httpd_register_uri_handler(server, &home);
        return;
    } 
    else 
    {
        printf("Error al iniciar el servidor\n");
    };

};



void app_main(void)
{
    nvs_flash_init();

    esp_netif_init();

    esp_event_loop_create_default();
 
    example_connect();

    netif = esp_netif_get_handle_from_ifkey("WIFI_STA_DEF");

    if (netif == NULL)
    {
        printf("No hay interfaz\n");
    }
    else 
    {
        esp_netif_get_ip_info(netif, &ip_info);
        printf("************************************************************\n");
        printf("IP       : %d.%d.%d.%d\n ", IP2STR(&ip_info.ip));
        printf("Net mask : %d.%d.%d.%d\n ", IP2STR(&ip_info.netmask));
        printf("Gateway  : %d.%d.%d.%d\n ", IP2STR(&ip_info.gw));

        web_server_init();
    };
     
}

Julio Cardenas

student•

Hay que hacer dos cosas para este nuevo proyecto .

agregar en el CMakeLists.txt del directorio raiz de proyecto:

set(EXTRA_COMPONENT_DIRS $ENV{IDF_PATH}/examples/common_components/protocol_examples_common) . 2. correr el comando

idf.py menuconfig

y modificar en Example Connection Configuration el valor del SSID y el de password.

Javier Bornia

student•

Sigh....como siempre se le olvida mencionar esas cosas a la profesora

Gabriel Obregón

student•

CODIGO COMENTADO:

1. Inclusión de bibliotecas necesarias

#include <stdio.h>

#include "string.h"

#include "esp_wifi.h"

#include "nvs_flash.h"

#include "protocol_examples_common.h"

#include "esp_http_server.h"

#include <stdio.h>: Biblioteca estándar de C para funciones de entrada/salida como printf().
#include "string.h": Biblioteca estándar para manejo de cadenas de caracteres.
#include "esp_wifi.h": Proporciona funciones para manejar Wi-Fi en ESP32.
#include "nvs_flash.h": Biblioteca para manejar la memoria No Volátil (NVS), usada para almacenar configuraciones.
#include "protocol_examples_common.h": Proporciona configuraciones y funciones de red predefinidas.
#include "esp_http_server.h": Biblioteca principal para configurar y manejar un servidor HTTP en el ESP32.

2. Definición del manejador de solicitudes HTTP GET

static esp_err_t api_get_handler(httpd_req_t *req) {

httpd_resp_send(req, "Hola mundo!", HTTPD_RESP_USE_STRLEN);

return ESP_OK;

}

static esp_err_t api_get_handler(httpd_req_t *req): Esta es la función que maneja las solicitudes HTTP GET en la ruta /api.
httpd_resp_send(req, "Hola mundo!", HTTPD_RESP_USE_STRLEN);: Responde con el mensaje "Hola mundo!" al cliente que hizo la solicitud.
return ESP_OK;: Indica que la operación fue exitosa.

3. Configuración de la estructura URI

static const httpd_uri_t api = {

.uri = "/api",

.method = HTTP_GET,

.handler = api_get_handler

};

Se crea una estructura httpd_uri_t llamada api, que define cómo el servidor manejará la ruta /api.
.uri = "/api": Especifica la ruta que este manejador atenderá.
.method = HTTP_GET: Especifica que este manejador responderá a solicitudes GET.
.handler = api_get_handler: Asigna la función que maneja la solicitud (definida anteriormente).

4. Función para iniciar el servidor web

void web_server_init() {

httpd_handle_t server = NULL;

httpd_config_t config = HTTPD_DEFAULT_CONFIG();

httpd_handle_t server = NULL;: Declara un identificador para el servidor HTTP.
httpd_config_t config = HTTPD_DEFAULT_CONFIG();: Se inicializa la configuración del servidor con valores predeterminados.

if (httpd_start(&server, &config) == ESP_OK) {

httpd_register_uri_handler(server, &api);

return;

}

httpd_start(&server, &config): Intenta iniciar el servidor con la configuración especificada.
if (httpd_start(&server, &config) == ESP_OK): Verifica si el servidor se inició correctamente.
httpd_register_uri_handler(server, &api);: Registra la ruta /api en el servidor web.

printf("Error al iniciar servidor\n");

}

Si el servidor no se inicia correctamente, imprime un mensaje de error.

5. Función app_main() - Punto de entrada del programa

void app_main(void)

{

app_main() es la función principal en aplicaciones ESP-IDF (similar a main() en C estándar).

nvs_flash_init();

esp_netif_init();

esp_event_loop_create_default();

nvs_flash_init();: Inicializa la memoria No Volátil (NVS).
esp_netif_init();: Inicializa la interfaz de red del ESP32.
esp_event_loop_create_default();: Crea el bucle de eventos predeterminado del ESP32.

example_connect();

example_connect();: Función predefinida que conecta el ESP32 a una red Wi-Fi usando la configuración de protocol_examples_common.h.

6. Obtener la dirección IP del ESP32

esp_netif_ip_info_t ip_info;

esp_netif_t* netif = NULL;

netif = esp_netif_get_handle_from_ifkey("WIFI_STA_DEF");

esp_netif_ip_info_t ip_info;: Declara una estructura para almacenar información de la IP.
esp_netif_t* netif = NULL;: Puntero para manejar la interfaz de red.
netif = esp_netif_get_handle_from_ifkey("WIFI_STA_DEF");: Obtiene el identificador de la interfaz Wi-Fi configurada.

if (netif == NULL) {

printf("No hay interfaz\n");

} else {

Si netif es NULL, significa que no hay una interfaz Wi-Fi disponible y se imprime un mensaje de error.

esp_netif_get_ip_info(netif, &ip_info);

printf("IP: %d.%d.%d.%d\n", IP2STR(&ip_info.ip));

esp_netif_get_ip_info(netif, &ip_info);: Obtiene la información de la dirección IP asignada al ESP32.
printf("IP: %d.%d.%d.%d\n", IP2STR(&ip_info.ip));: Imprime la dirección IP en formato legible.

web_server_init();

}

web_server_init();: Llama a la función para iniciar el servidor web.

Carlos Andres Betancourt Perez

student•

Aquí les comparto mi código y una imagen de la respuesta del web server:

//incluimos las librerias necesarias
#include <stdio.h>
#include <string.h>
#include "esp_wifi.h"
#include "nvs_flash.h"
#include "protocol_examples_common.h"
#include "esp_http_server.h"
#include "esp_log.h"

//prototipos de funciones
static void esp_logs(esp_err_t* err, char* msg);
static void web_server_init(void);
static esp_err_t api_get_handler(httpd_req_t* req);

//declaramos las variables globales
static const char* TAG = "ESP32";
esp_err_t err;
static const httpd_uri_t api = {
   .uri = "/api",
   .method = HTTP_GET,
   .handler = api_get_handler
};

void app_main(void) {
   ESP_LOGI(TAG, "Start Application!");

   //inicializamos el driver de NVS
   err = nvs_flash_init();
   esp_logs(&err, "NVS driver initialization");

   esp_netif_init();
   esp_event_loop_create_default();
   example_connect();

   esp_netif_ip_info_t ip_info;
   esp_netif_t* netif = NULL;
   netif = esp_netif_get_handle_from_ifkey("WIFI_STA_DEF");

   if (netif != NULL) {
      esp_netif_get_ip_info(netif, &ip_info);
      ESP_LOGI(TAG, "IP info: %d.%d.%d.%d", IP2STR(&ip_info.ip));

      web_server_init();
   }
   else {
      ESP_LOGE(TAG, "No exist WiFi interface");
   }
}
//-------------------------

static void esp_logs(esp_err_t* err, char* msg) {
   if (*err == ESP_OK) ESP_LOGI(TAG, "%s done.", msg);
   else ESP_LOGE(TAG, "%s fail!!", msg);
}
//-------------------------

static void web_server_init(void) {
   httpd_handle_t server = NULL;
   httpd_config_t config = HTTPD_DEFAULT_CONFIG();

   //inicializamos el servidor
   err = httpd_start(&server, &config);
   esp_logs(&err, "HTTP Server start");

   if (err == ESP_OK) {
      httpd_register_uri_handler(server, &api);
   }
}
//-------------------------

static esp_err_t api_get_handler(httpd_req_t* req) {
   char resp[100] = "";
   sprintf(resp, "%s%s", "<h2> CURSO PLATZI IOT CON ESP32 </h2>",
      "<p> Hola Mundo desde ESP32 Server </p>");

   httpd_resp_send(req, resp, HTTPD_RESP_USE_STRLEN);

   return ESP_OK;
}
//-------------------------

Edwin Agudelo

student•

Gracias Diana por tu respuesta. Ya realicé las instrucciones que mencionaste pero aún persiste el mismo error. Estos son algunos detalles adicionales:

Hasta este punto del curso, todos los ejercicios me han funcionado correctamente, inclusive el ejercicio de wifi: yo obtengo la dirección IP. adjunto captura de pantalla del error. CMake Error at CMakeLists.txt:2: Parse error. Expected “(”, got newline with text "

– Configuring incomplete, errors occurred! cmake failed with exit code 1

El código que escribo en el visual studio lo copio de los archivos de la clase, desde el apartado recursos. Yo únicamente copio el texto del archivo http.c de la carpeta main. El resto de archivos que aparecen en el apartado recursos yo no los copio y pego en vs (hasta el ejercicio actual no he copiado este tipo de archivos). Yo estoy usando un ESP 32 Dev kit V1.

Diana Martinez

student•

Pues es en tu archivo CMakeLists.txt, línea 2, dice que te falta un paréntesis "("

Edwin Agudelo

student•

Hola, ¿Qué debo hacer para solucionar este error?

error: rebuilding 'build.ninja': subcommand failed ninja failed with exit code 1

Diana Martinez

student•

Creo que necesitaría más detalles, pero podrías intentar haciendo fullclean del build con idf.py fullclean y luego volver a compilar y subir. También asegúrate de que el cable USB sea de buena calidad y no esté fallando.

Edwin Agudelo

student•

Gracias Diana por tu respuesta. Ya realicé las instrucciones que mencionaste pero aún persiste el mismo error. Estos son algunos detalles adicionales:

Hasta este punto del curso, todos los ejercicios me han funcionado correctamente, inclusive el ejercicio de wifi: yo obtengo la dirección IP.
adjunto captura de pantalla del error.

CMake Error at CMakeLists.txt:2: Parse error. Expected "(", got newline with text "

-- Configuring incomplete, errors occurred! cmake failed with exit code 1

El código que escribo en el visual studio lo copio de los archivos de la clase, desde el apartado recursos. Yo únicamente copio el texto del archivo http.c de la carpeta main. El resto de archivos que aparecen en el apartado recursos yo no los copio y pego en vs (hasta el ejercicio actual no he copiado este tipo de archivos).
Yo estoy usando un ESP 32 Dev kit V1.

Manuel Méndez

student•

pregunta es sobre servidores y mi cuestión era donde usar http y donde usar mqtt lo que pasa que estuve viendo sobre el protocolo mqtt para la domótica y de verdad no entiendo en que casos usar cada uno

Julio Cardenas

student•

. . este es el codigo que implementa el html de la pagina web. . utilizo para incluir el html en una variable tipo char algo llamado raw string: . .

Basically a raw string literal is a string in which the escape characters (like \n \t or \" ) of C++ are not processed. A raw string literal which starts with R"( and ends in )" ,introduced in C++11

. aqui esta el codigo de pagina .

utilizo el SVG para incluir el logo de platzi

Julio Cardenas

student•

Me toco colocar una imagen del codigo, ya que cuando lo incluia como codigo, me decia que tenia enlaces a sitios no seguros

************************************************************
IP       : 192.168.197.252
 Net mask : 255.255.255.0
 Gateway  : 192.168.197.222
 I (10944) main_task: Returned from app_main()
I (11054) wifi:<ba-add>idx:1 (ifx:0, 36:4f:fc:11:3f:28), tid:6, ssn:2, winSize:64

#include <stdio.h>
#include "string.h"
#include "esp_wifi.h"
#include "nvs_flash.h"
#include "protocol_examples_common.h"
#include "esp_http_server.h"
#include "pagina.h"

esp_netif_ip_info_t ip_info;
esp_netif_t* netif = NULL;

static esp_err_t home_get_handler(httpd_req_t *req)
{
    httpd_resp_send(req, resp, HTTPD_RESP_USE_STRLEN);
    return ESP_OK;
};

static const httpd_uri_t home = {
    .uri = "/",
    .method = HTTP_GET,
    .handler = home_get_handler
};

void web_server_init()
{
    httpd_handle_t server = NULL;
    httpd_config_t config = HTTPD_DEFAULT_CONFIG();
    
    if (httpd_start(&server, &config) == ESP_OK)
    {
        httpd_register_uri_handler(server, &home);
        return;
    } 
    else 
    {
        printf("Error al iniciar el servidor\n");
    };

};



void app_main(void)
{
    nvs_flash_init();

    esp_netif_init();

    esp_event_loop_create_default();
 
    example_connect();

    netif = esp_netif_get_handle_from_ifkey("WIFI_STA_DEF");

    if (netif == NULL)
    {
        printf("No hay interfaz\n");
    }
    else 
    {
        esp_netif_get_ip_info(netif, &ip_info);
        printf("************************************************************\n");
        printf("IP       : %d.%d.%d.%d\n ", IP2STR(&ip_info.ip));
        printf("Net mask : %d.%d.%d.%d\n ", IP2STR(&ip_info.netmask));
        printf("Gateway  : %d.%d.%d.%d\n ", IP2STR(&ip_info.gw));

        web_server_init();
    };
     
}

//incluimos las librerias necesarias
#include <stdio.h>
#include <string.h>
#include "esp_wifi.h"
#include "nvs_flash.h"
#include "protocol_examples_common.h"
#include "esp_http_server.h"
#include "esp_log.h"

//prototipos de funciones
static void esp_logs(esp_err_t* err, char* msg);
static void web_server_init(void);
static esp_err_t api_get_handler(httpd_req_t* req);

//declaramos las variables globales
static const char* TAG = "ESP32";
esp_err_t err;
static const httpd_uri_t api = {
   .uri = "/api",
   .method = HTTP_GET,
   .handler = api_get_handler
};

void app_main(void) {
   ESP_LOGI(TAG, "Start Application!");

   //inicializamos el driver de NVS
   err = nvs_flash_init();
   esp_logs(&err, "NVS driver initialization");

   esp_netif_init();
   esp_event_loop_create_default();
   example_connect();

   esp_netif_ip_info_t ip_info;
   esp_netif_t* netif = NULL;
   netif = esp_netif_get_handle_from_ifkey("WIFI_STA_DEF");

   if (netif != NULL) {
      esp_netif_get_ip_info(netif, &ip_info);
      ESP_LOGI(TAG, "IP info: %d.%d.%d.%d", IP2STR(&ip_info.ip));

      web_server_init();
   }
   else {
      ESP_LOGE(TAG, "No exist WiFi interface");
   }
}
//-------------------------

static void esp_logs(esp_err_t* err, char* msg) {
   if (*err == ESP_OK) ESP_LOGI(TAG, "%s done.", msg);
   else ESP_LOGE(TAG, "%s fail!!", msg);
}
//-------------------------

static void web_server_init(void) {
   httpd_handle_t server = NULL;
   httpd_config_t config = HTTPD_DEFAULT_CONFIG();

   //inicializamos el servidor
   err = httpd_start(&server, &config);
   esp_logs(&err, "HTTP Server start");

   if (err == ESP_OK) {
      httpd_register_uri_handler(server, &api);
   }
}
//-------------------------

static esp_err_t api_get_handler(httpd_req_t* req) {
   char resp[100] = "";
   sprintf(resp, "%s%s", "<h2> CURSO PLATZI IOT CON ESP32 </h2>",
      "<p> Hola Mundo desde ESP32 Server </p>");

   httpd_resp_send(req, resp, HTTPD_RESP_USE_STRLEN);

   return ESP_OK;
}
//-------------------------

Servidor HTTP básico con ESP32

Introducción

Introducción a los microcontroladores

La importancia de la industria IoT

Tipos de computadoras

Cómo escoger un microcontrolador

Hardware

Características del ESP32

ESP-IDF

Documentación oficial del ESP-IDF

Instalación del ESP-IDF en Windows

Instalación de ESP-IDF en macOS Ventura con M1 y Python 3.10

Instalación de ESP-IDF en Ubuntu 22.04 con Python 3.10

Lista de materiales

Proyectos con ESP-IDF

Primer proyecto

API Core

Hola mundo con ESP-IDF

Sistemas Operativos en Tiempo Real

FreeRTOS con ESP32

Ciclo de vida de las tareas con FreeRTOS

Almacenamiento con ESP32

Peripherals API

Salida Digital con ESP32

Entrada Digital con ESP32

Entrada Analógica con ESP32

Modulación de Ancho de Pulsos

Control PWM con ESP32 y LEDC

Servidor Web

Redes y protocolos de Internet

Redes WiFi

Loop de eventos

Conexión WiFi con ESP32

Servidor HTTP básico con ESP32

Smart Light

Dimmer LED via HTTP con ESP32

Aplicación Web con ESP32

Despedida

Tu primer proyecto de IoT con ESP32