Servidor HTTP básico con ESP32

Hola 😃

Aquí mi resultado

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!

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();
    };
     
}

Hay que hacer dos cosas para este nuevo proyecto
.

1. 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.

**Aquí les comparto mi código y una imagen de la respuesta del web server:** ![](<\\

\</a\>>) ```js //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", "

CURSO PLATZI IOT CON ESP32

", "

Hola Mundo desde ESP32 Server

"); httpd_resp_send(req, resp, HTTPD_RESP_USE_STRLEN); return ESP_OK; } //------------------------- ```

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.

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

.
.
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