ESP32 Admin Tool: Servidor Web HTML + IoT Domótica IOT Maker
Crea un servidor web completo dentro del ESP32. Controla dispositivos IoT, sensores y actuadores con HTML, CSS y JS
Lo que serás capaz de hacer
ESP32 Admin Tool , es un Servidor web corriendo dentro del ESP32, en el cual podrás interactuar de manera directa con el dispositivo. En este curso aprenderemos paso a paso como crear su propio servidor web embebido dentro del ESP32, este servidor controla las configuraciones principales de un dispositivo (IOT) y muestra los datos más importantes del mismo en tiempo real y de manera automática. Bienvenido a este curso. El contenido de este curso explicará " Cómo crear un servidor web " utilizando el entorno de programación Arduino con PlatformIO IDE como herramienta de desarrollo. Este curso será mejor para usted si tiene conocimientos básicos de Electrónica analógica y digital, de la plataforma Arduino o cualquier otra plataforma de sistemas embebidos (PIC, STM32, Etc.). Puede conectar sensores u actuadores al ESP32 y controlar todo usando una página web, esto y muchas cosas mas aprenderá de una manera muy simple en este curso. ¿Por qué debería tomar este curso? debido a que la placa ESP32 les brinda mucho control y potencia a sus proyectos de (IOT), básicamente puede controlar cualquier cosa que pueda imaginar usando el ESP32 Admin Tool , este proyecto le servirá de base para todos sus proyectos. Tendrá una explicación detallada del código del ESP32 como también del servidor HTTP. Usaremos el modo de estación Wifi (STA) y Punto se Acceso (AP) para conectarnos al Servidor web, habilitándolos según requerimiento desde las configuraciones principales de las redes inalámbricas en el Dispositivo. Al final de este curso, usted podrá crear proyectos innovadores, teniendo este software como base para cualquier tipo de proyecto con un código optimizado y una apariencia muy agradable. Lo único que debe hacer es PENSAR, CONECTAR Y CODIFICAR las nuevas funcionalidades a este código. Además de acceso a todos los recursos entregables que aquí le ofrecemos. Al inicio del curso aprenderás a preparar el entorno de trabajo, instalar PlatformIO, así como crear y abrir proyectos, agregar Librerías que nos ayudarán a lo largo del curso y realizar las configuraciones en el archivo platformio.ini que nos facilitarán el desarrollo de este proyecto. También aprenderemos a usar las herramientas de desarrollo que nos brinda Visual Studio Code, para ser mas eficientes a la hora de programar, instalaremos plugin necesarios que nos ayudarán en la codificación y mejorar tiempos de programación. Aprenderemos a usar el sistema de control de versiones en la Nube para evitar perdida del código en caso de daños de nuestro ordenador o de que se quiera compartir nuestro código con otros desarrolladores. El primer módulo aprenderemos a usar una platilla HTML para adaptarla a nuestras necesidades, la cual nos permitirá de tener una vista mas agradable de nuestra plataforma de control Web, y ayudarnos a optimizar los tiempos de desarrollo ya que es solo adaptar componentes. En esta sección tendremos las herramientas necesarias para ser capaces de adaptar cualquier código HTML a nuestros proyectos de Servidores Web en el ESP32. Después continuaremos con toda la parte de programación con el lenguaje C++, creación de un código fragmentado el cual nos ayudará a entender mas el proyecto y ser mas ordenados en nuestro IDE de desarrollo. Sobre la comunicación aprenderás a conectar el ESP32 a tu red Wifi, esto nos abre muchas posibilidades ya que podríamos conectar nuestro dispositivo al internet, como ejemplo crearemos una pagina de configuración donde podremos tener acceso a los parámetros inalámbricos y configurarlos sin la necesidad de programar el dispositivo cada ves que se fuese a conectar a una nueva redes Wifi, por ejemplo. Tendremos acceso al dispositivo en Modo (AP) y en Modo (Estación). Crearemos una página de configuración para conectarnos a un bróker MQTT, y así enviar y recibir órdenes desde el internet o cualquier red local. Usaremos envío de información al bróker con notación JSON y recibir órdenes desde el bróker con este mismo tipo de datos. Toda la configuración del Dispositivo estará en archivos JSON almacenados en la memoria interna del Mismo usando el SPIFFS, que nos bridará una amplia posibilidad para interactuar con el servidor Web y las configuraciones almacenadas y además de los Archivos HTML subidos a la memoria interna. Se entenderá en la parte del servidor sobre peticiones HTTP y como realizar respuestas, además de agregar una capa de seguridad a nuestro dispositivo, realizar validaciones desde el lado del servidor, así como del cliente. Realizar el inicio a la parte de control con un usuario y contraseña verificados, caso contrario no se podrá acceder al Admin Panel ni enviar órdenes desde el exterior. Estaremos agregando más clases donde utilizaremos más módulos, sensores, actuadores esto ya en el Módulo de Bonus, donde veremos mas proyectos reales que podríamos adaptar al ESP32 Admin Tool, ya que este solo es el punto de partida para poder desarrollar dispositivos increíbles más profesionales y con carácter comercial. Los invito a adquirir este curso que de lejos será el mejor que puedan tomar para aprender de configuraciones web en el ESP32. Muchas Gracias. Ing. Yamir Hidalgo Peña.
- ¡Aprenderás a programar el ESP32 de manera simple y eficiente!
- Aprenderás a programar con PlatformIO IDE, Framework Arduino.
- A utilizar la comunicación usando el protocolo MQTT, envió y recepción de Datos con notación JSON.
- Aprenderás a utilizar conexiones WIFI, modo AP y Cliente.
- Aprenderás la utilidad del formato JSON, envío y recepción de datos.
- Aprenderás a crear un Servidor Web en el ESP32.
Temario
UNIDAD 1 - Modulo 01 - Introducción - Curso ESP32 Admin Tool · 13 leccionesUNIDAD 1 - Modulo 01 - Introducción - Curso ESP32 Admin Tool
UNIDAD 1 - Modulo 01 - Introducción - Curso ESP32 Admin Tool
- Demo Online del Curso 100% funcional con todo lo que veremos lado del Cliente
- Introducción al Curso.
- Vista del Dashboard.
- Vista opciones WIFI.
- Vista opciones MQTT.
- Vista opciones Dispositivo.
- Vista ajustes predeterminados de fábrica.
- Vista Reiniciar.
- Vista cambio de contraseña.
- Vista destruir sesión de usuario ( LogOut).
- El ESP32.
- Hardware demo a utilizar.
- Hardware demo funcionando.
UNIDAD 2 - Modulo 02 - Preparación del entorno de trabajo. · 9 leccionesUNIDAD 2 - Modulo 02 - Preparación del entorno de trabajo.
UNIDAD 2 - Modulo 02 - Preparación del entorno de trabajo.
- Software a utilizar como IDE, (Visual Studio Code).
- Extensiones necesarias para Visual Studio Code.
- Lista de Extensiones para Visual Studio Code.
- Instalar PlatformIO en Visual Studio Code.
- Primer proyecto con PlatformIO (¡Hola Mundo!).
- Preparar el entorno de trabajo Proyecto AdminESP32 - platformio.ini
- Librerías y Arquitectura de nuestro proyecto.
- Nota: Repositorio de GitHub Leer.
- Respaldo de nuestro trabajo en GitHub.
UNIDAD 3 - Modulo 03 - Maquetado del HTML. · 15 leccionesUNIDAD 3 - Modulo 03 - Maquetado del HTML.
UNIDAD 3 - Modulo 03 - Maquetado del HTML.
- Plantilla HTML para utilizar en el proyecto.
- Página de Inicio 01.
- Página de Inicio 02.
- Página de Inicio 03.
- Página de Inicio 04 - Final.
- Página de Configuración del WiFI.
- Página de Configuración del WiFI 02
- Página de Configuración del WiFi 03 - Final.
- Página de Configuración del MQTT.
- Página de Configuración del Dispositivo.
- Página de Restablecer.
- Página de Reiniciar.
- Página de Admin, cambio de contraseña.
- Nota: Repositorio de GitHub Leer.
- Respaldo de nuestro trabajo en GitHub.
UNIDAD 4 - Modulo 04 – Programar el ESP32 Admin Tool - WIFI. · 10 leccionesUNIDAD 4 - Modulo 04 – Programar el ESP32 Admin Tool - WIFI.
UNIDAD 4 - Modulo 04 – Programar el ESP32 Admin Tool - WIFI.
- Inicio de la programación ESP32 fragmentado del código.
- Memoria SPI acceso al SPIFFS Librería para Arduino - Teoría.
- Arduino JSON Implementación de Lectura - Valores por defecto - Guardar funciones
- Inicio de las configuraciones del WIFI
- Inicio de las configuraciones del WIFI parte 02.
- Funciones LED Blink diferentes funcionamientos con Pestañeos del LED.
- Inicio de las configuraciones del WIFI parte 03 Final.
- Demo Dispositivo conectado en modo AP y Cliente WIFI.
- Nota: Repositorio de GitHub Leer.
- Respaldo de nuestro trabajo en GitHub - WIFI.
UNIDAD 5 - Modulo 05 – Programar el ESP32 Admin Tool - MQTT. · 8 leccionesUNIDAD 5 - Modulo 05 – Programar el ESP32 Admin Tool - MQTT.
UNIDAD 5 - Modulo 05 – Programar el ESP32 Admin Tool - MQTT.
- Inicio de la programación conexión al Bróker MQTT.
- Crear funciones de publicación al Bróker y manejo de archivo JSON de Envío.
- Manejo de los Mensajes Entrantes por MQTT usando JSON desde el Bróker.
- Uso de las Salidas a Relay declarando variables y cargando estados.
- Funciones a los Relays y guardar los estados en el Archivo JSON.
- Demo del Dispositivo envío y recepción de datos desde y hacia el MQTT Bróker.
- Nota: Repositorio de GitHub Leer.
- Respaldo de nuestro trabajo en GitHub - MQTT.
UNIDAD 6 - Modulo 06 - Programar el ESP32 Admin Tool - Servidor Web. · 31 leccionesUNIDAD 6 - Modulo 06 - Programar el ESP32 Admin Tool - Servidor Web.
UNIDAD 6 - Modulo 06 - Programar el ESP32 Admin Tool - Servidor Web.
- Introducción al Servidor WEB recorrido por la Librería ESPAsyncWebServer.
- Códigos de respuesta HTTP/1.1 Status Codes.
- Actualizar la nueva ruta de los Archivos CSS y JS del Proyecto en el HTML.
- Iniciando la programación del Servidor Web - Pagina de Home.
- Archivo index.html modificar valores en tiempo de la petición GET.
- Iniciar el Servidor Web "Hola Mundo" éxito Total petición GET del index.html.
- Contador de reinicios + gestión de errores del manejo de Archivos JSON.
- Función para mostrar la lista de Archivos y Carpetas de la memoria SPIFFS.
- Estandarizar Tamaños de JSON en las funciones Relays - WIFI - MQTT.
- Petición GET url esp-wifi respuesta de Archivo wifi.html
- Petición GET url esp-mqtt respuesta de Archivo mqtt.html
- Petición GET url esp-device respuesta de Archivo device.html + Correcciones.
- Petición GET url esp-restore / esp-restart respuesta de restores/restart.html
- Petición GET url esp-admin respuesta de Archivo admin.html
- Manejo del Error 404 desde el Servidor
- Petición POST url esp-admin manejo de envío del formulario desde el navegador
- Archivo de configuración JSON para www_username/password Lectura SPIFFS
- SweetAlert 2 "Hola Mundo" integración en el proyecto
- Petición POST url esp-admin manejo de envío de parámetros SweetAlert Function
- Actualización del Usuario y Contraseña validaciones lado Servidor.
- Actualización del Usuario y Contraseña funcionamiento.
- Correcciones importantes antes de continuar.
- Petición POST url esp-device Guardar Identificador del Dispositivo.
- Interactuando con el HTML y JavaScript Formulario MQTT.
- Petición POST url esp-mqtt Guardar configuración MQTT.
- SweetAlert llamada a la acción pagina de reinicio.
- Guardar configuraciones al primer inicio después de programar el SPIFFS
- Petición POST url esp-wifi Guardar configuración WIFI.
- Iniciar y Destruir Sesión de Usuario - Limpiar formulario Usuario y Contraseña.
- Nota: Repositorio de GitHub Leer.
- Respaldo de nuestro trabajo en GitHub - WebServer.
UNIDAD 7 - Modulo 07 - Programar el ESP32 Admin Tool - WebSockets. · 10 leccionesUNIDAD 7 - Modulo 07 - Programar el ESP32 Admin Tool - WebSockets.
UNIDAD 7 - Modulo 07 - Programar el ESP32 Admin Tool - WebSockets.
- Llegó el WebSockets este es el resultado final ¡Apúntate al Curso YA!
- Entendiendo un poco que es WebSockets.
- Primera conexión por WS "Hola Mundo" éxito Total.
- Enviar a encender y apagar los Relay desde WS por el navegador.
- OnOff desde WS y MQTT con única función optimización del código.
- Función de Restablecer el Dispositivo por WS.
- Función de Reiniciar desde WS.
- Actualizar página del Dashboard en tiempo real con JSON enviado por WS.
- Nota: Repositorio GitHub Leer.
- Respaldo de nuestro trabajo en GitHub - WebSockets.
UNIDAD 8 - Modulo 08 - Validación de Formulario con Expresiones Regulares lado del Cliente. · 11 leccionesUNIDAD 8 - Modulo 08 - Validación de Formulario con Expresiones Regulares lado del Cliente.
UNIDAD 8 - Modulo 08 - Validación de Formulario con Expresiones Regulares lado del Cliente.
- Expresiones Regulares (RegExp).
- Introducción a la validación en el proyecto.
- Validar Formulario MQTT parte 01.
- Validar Formulario MQTT parte 02
- Nos ponemos antes del evento "submit" fin validar MQTT.
- Validar Formulario WIFI parte 01.
- Validar Formulario WIFI parte 02 Final.
- Validar Formulario Admin-Password-Identificador.
- Probando la validación desde el Dispositivo Online.
- Nota: Repositorio GitHub Leer.
- Respaldo de nuestro trabajo en GitHub - Validaciones Form.
UNIDAD 9 - Modulo 09 - Escaneo de Redes WIFI con el ESP32. · 7 leccionesUNIDAD 9 - Modulo 09 - Escaneo de Redes WIFI con el ESP32.
UNIDAD 9 - Modulo 09 - Escaneo de Redes WIFI con el ESP32.
- Intro escaneo de las redes WiFi cercanas.
- Función Scan lado del Servidor.
- Petición fetch() lado del cliente devolución de listado de redes wifi.
- Creando la Tabla desde la respuesta del JSON.
- Función agregar red al input wifi_ssid desde botón add.
- Nota: Repositorio GitHub Leer.
- Respaldo de nuestro trabajo en GitHub - Scan.
UNIDAD 10 - Modulo 10 - ESP32 Admin Tool 2.0 Revolución Total. · 19 leccionesUNIDAD 10 - Modulo 10 - ESP32 Admin Tool 2.0 Revolución Total.
UNIDAD 10 - Modulo 10 - ESP32 Admin Tool 2.0 Revolución Total.
- Change Log ...
- ESP32 Admin Tool 2.0 Intro
- ESP32 ADMIN TOOL 2.0 vista del HTML
- ESP32 ADMIN TOOL 2.0 nueva Tabla de particiones
- ESP32 ADMIN TOOL 2.0 Modificaciones al Servidor HTML
- ESP32 ADMIN TOOL 2.0 JavaScript WS lado Cliente
- ESP32 ADMIN TOOL 2.0 JavaScript Switch buttons genéricos
- ESP32 ADMIN TOOL 2.0 JavaScript Validación de formulario
- ESP32 ADMIN TOOL 2.0 Modificar el SweetAlert
- ESP32 ADMIN TOOL 2.0 WEBSOCKET lado del SERVIDOR
- ESP32 ADMIN TOOL 2.0 limpiar formulario y escanear redes WIFI
- ESP32 ADMIN TOOL 2.0 Descargar archivos de las configuraciones
- ESP32 ADMIN TOOL 2.0 Subir los archivos de las configuraciones
- ESP32 ADMIN TOOL 2.0 Subir el Firmware o Filesystem
- ESP32 ADMIN TOOL 2.0 Subir el Firmware o Filesystem Progressbar
- ESP32 ADMIN TOOL 2.0 Solución de BUG en el formulario usuario y contraseña
- ESP32 ADMIN TOOL 2.0 Solución del BUG en la conexión wifi con errores
- ESP32 ADMIN TOOL 2.0 Botón para restablecer por Hardware usando Interrupciones
- ESP32 ADMIN TOOL 2.0 Funciones Restablecer y Reiniciar por Hardware Interrupción
UNIDAD 11 - Modulo 11 - Mejoras en el Servidor ( WebServer con archivos min - gzip ) · 7 leccionesUNIDAD 11 - Modulo 11 - Mejoras en el Servidor ( WebServer con archivos min - gzip )
UNIDAD 11 - Modulo 11 - Mejoras en el Servidor ( WebServer con archivos min - gzip )
- ESP32 ADMIN TOOL 2.0 min HTML
- ESP32 ADMIN TOOL 2.0 min JavaScript
- ESP32 ADMIN TOOL 2.0 min CSS
- ESP32 ADMIN TOOL 2.0 Subir el Proyecto min al ESP32
- ESP32 ADMIN TOOL 2.0 Comprimir gzip el Proyecto
- ESP32 ADMIN TOOL 2.0 WebServer con GZIP Final
- Recursos de la Sección para Descarga.
UNIDAD 12 - CLASES EXTRAS Instalación Bróker MQTT - EMQX. · 11 leccionesUNIDAD 12 - CLASES EXTRAS Instalación Bróker MQTT - EMQX.
UNIDAD 12 - CLASES EXTRAS Instalación Bróker MQTT - EMQX.
- Contenido de esta sección, leer .....
- MQTT Broker Inicio
- MQTT Broker Instalación Ubuntu
- MQTT Broker Instalación Abrir Puertos en Hestia
- MQTT Broker Iniciar el Broker EMQX
- MQTT Broker Instalación Abrir Puertos en Oracle
- MQTT Broker Certificados SSL al Broker EMQX
- MQTT Broker Certificados SSL al Dashboard Broker EMQX
- MQTT Broker Reglas de Usuarios Broker EMQX
- MQTT Broker Reglas ACL Broker EMQX
- MQTT Instalar en Windows Broker EMQX
UNIDAD 13 - Modulo 12 - Funciones de Tiempo ESP32 Admin Tool - RTC - NTP Server · 15 leccionesUNIDAD 13 - Modulo 12 - Funciones de Tiempo ESP32 Admin Tool - RTC - NTP Server
UNIDAD 13 - Modulo 12 - Funciones de Tiempo ESP32 Admin Tool - RTC - NTP Server
- ESP32 ADMIN TOOL 2.0 Función Reloj RTC - NTP
- ESP32 ADMIN TOOL 2.0 PROGEM INTRO
- ESP32 ADMIN TOOL 2.0 iniciar proyecto de Node.js
- ESP32 ADMIN TOOL 2.0 Función para convertir archivos a Binarios PROGMEN
- ESP32 ADMIN TOOL 2.0 Modificar esp32_server PROGMEN
- ESP32 ADMIN TOOL 2.0 Maquetar el HTML Time
- ESP32 ADMIN TOOL 2.0 Función Reloj Funciones JavaScript 01
- ESP32 ADMIN TOOL 2.0 Función Reloj Funciones JavaScript 02
- ESP32 ADMIN TOOL 2.0 Función Reloj modificar el esp32_server
- ESP32 ADMIN TOOL 2.0 Función Reloj funciones Setting.JSON
- ESP32 ADMIN TOOL 2.0 Función Reloj Final
- ESP32 ADMIN TOOL 2.0 Función Reloj proyecto minificado
- ESP32 ADMIN TOOL 2.0 Función Reloj comprimir a gzip
- ESP32 ADMIN TOOL 2.0 Función Reloj proyecto a Progmen
- ESP32 ADMIN TOOL 2.0 Función Reloj progmen optimizaciones
UNIDAD 14 - Instalar el Broker EMQX con Docker Compose v5.8.0 (Update 08-09-24) · 7 leccionesUNIDAD 14 - Instalar el Broker EMQX con Docker Compose v5.8.0 (Update 08-09-24)
UNIDAD 14 - Instalar el Broker EMQX con Docker Compose v5.8.0 (Update 08-09-24)
- Importante sobre la sección
- MQTT EMQX introducción al broker
- MQTT EMQX instalación con Docker Compose
- MQTT EMQX instalación con Docker Compose Continuación final
- MQTT EMQX Navegación por el panel administrativo del broker
- MQTT EMQX Autenticación y Autorización en el Broker tabla user
- MQTT EMQX Autenticación y Autorización en el Broker tabla ACL
UNIDAD 15 - Contenido extra recomendado · 1 leccionesUNIDAD 15 - Contenido extra recomendado
UNIDAD 15 - Contenido extra recomendado
- Contenido gratuito en el canal de YouTube
UNIDAD 16 - Despedida. · 1 leccionesUNIDAD 16 - Despedida.
UNIDAD 16 - Despedida.
- Despedida.
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
16 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Yamir Hidalgo Peña.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 16 unidades · 175 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Yamir Hidalgo Peña; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.


