Servidor Web y FTP en ESP8266

¿Te imaginas tener un pequeño servidor en tu propia red local, capaz de servir páginas web y permitirte subir o descargar archivos? Con una placa ESP8266, esto no solo es posible, ¡sino que es sorprendentemente sencillo de implementar! En este post, te mostraremos cómo crear un servidor web y un servidor FTP utilizando esta versátil placa de desarrollo.

Este proyecto es ideal si quieres compartir archivos de forma remota dentro de tu red doméstica, controlar dispositivos conectados a tu ESP8266 a través de una interfaz web, o simplemente aprender más sobre redes y sistemas embebidos.

¿Qué necesitamos?

Principalmente, una placa ESP8266 (como un NodeMCU o Wemos D1 Mini) y el entorno de desarrollo de Arduino con el soporte para ESP8266 instalado. También necesitaremos instalar algunas librerías esenciales.

Los Pilares del Proyecto: Las Librerías

Para que nuestro ESP8266 funcione como servidor, dependemos de algunas librerías clave:

• ESP8266WiFi.h: Fundamental para conectar nuestra placa a la red Wi-Fi de nuestra casa u oficina.
• ESP8266WebServer.h: Nos permite configurar y gestionar un servidor HTTP para servir páginas web.
• ESP8266FtpServer.h: La magia detrás de nuestro servidor FTP, encargada de manejar las conexiones y transferencias de archivos.
• FS.h: Proporciona acceso al sistema de archivos de la placa, generalmente SPIFFS (SPI Flash File System), donde almacenaremos nuestros archivos web y otros datos.
• map: Una librería estándar de C++ que utilizaremos para organizar y servir eficientemente archivos estáticos.

Configuración Inicial: Conectando y Preparando

Lo primero es configurar nuestras credenciales de red y acceso:

• ssid y password: Para que el ESP8266 se conecte a tu red Wi-Fi.
• userftp y passftp: Las credenciales que usarás para acceder al servidor FTP.
• También es crucial definir una dirección IP estática (IPAddress), máscara de subred y puerta de enlace. Esto garantiza que tu servidor siempre sea accesible en la misma dirección dentro de tu red local y que la comunicación con otros dispositivos sea correcta.

Poniendo en Marcha los Servidores

Una vez configurada la red, inicializamos nuestros servidores:

• El servicio FTP (ftpSrv.begin(userftp, passftp);) se inicia con el usuario y contraseña definidos.
• El servidor web (ESP8266WebServer server(80);) se inicia, escuchando en el puerto 80 (el puerto estándar para HTTP).

Para agilizar la carga de nuestro sitio web, podemos utilizar std::map para cargar rápidamente archivos estáticos como el logotipo, archivos CSS y JavaScript, asociándolos con sus rutas y tipos MIME.

Manejando Solicitudes: Web y FTP

Nuestro código necesita saber cómo responder a las solicitudes entrantes, tanto las del navegador web como las del cliente FTP:

• handleRoot(): Esta función se encarga de servir la página principal, típicamente index.html, cuando alguien accede a la dirección IP de nuestro ESP8266 en un navegador. Si el archivo no se encuentra en el sistema de archivos, se muestra una página de error personalizada.
• handleStaticFiles(): Esta función maneja las solicitudes de otros archivos (CSS, JS, imágenes, etc.). Busca el archivo solicitado en el sistema de archivos SPIFFS y lo envía al cliente. Al igual que con handleRoot(), si el archivo no existe, devuelve un error.
• ftpSrv.handleFTP(): Esta función, ejecutada continuamente, escucha y procesa todos los comandos y solicitudes relacionados con FTP, como subir, descargar, listar o eliminar archivos.
• server.handleClient(): Similar a la anterior, esta función se encarga de escuchar y gestionar todas las solicitudes HTTP entrantes para el servidor web.

El Bucle Principal: Manteniendo Todo en Funcionamiento

Finalmente, en el loop() de nuestro código, las funciones cruciales son ftpSrv.handleFTP() y server.handleClient(). Al llamarlas repetidamente, garantizamos que ambos servidores estén activos y respondan a las peticiones de los clientes de forma continua.

¡Las Posibilidades Son Infinitas!

Con esta base, ya tienes un servidor web y FTP funcional en tu ESP8266. A partir de aquí, puedes personalizarlo a tu gusto:

• Diseño web: Mejora la apariencia de tu sitio web modificando el CSS y HTML.
• Funcionalidad: Agrega botones o controles en la página web para interactuar con dispositivos conectados a tu ESP8266 (encender/apagar LEDs, leer sensores, etc.).
• Más páginas: Crea secciones adicionales en tu sitio web para diferentes propósitos.
• Seguridad: Implementa medidas de seguridad adicionales si planeas exponer tu servidor fuera de tu red local (¡ten cuidado con esto!).

Este proyecto no solo es útil, sino también una excelente manera de profundizar en el mundo del Internet de las Cosas (IoT) y la programación de microcontroladores.

¡Anímate a probarlo y a experimentar con las infinitas posibilidades que ofrece el ESP8266 desde mi repositorio de Github!