Automatización ESP8266 con interfaz web y DDNS: 8 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:43

En el artículo de hoy, mostraremos una automatización, que puede ser residencial, utilizando la función DDNS (Dynamic Domain Name System). Comprenderá cómo configurar la aplicación que colocará en ESP8266, en NodeMCU. Además, veremos cómo configurar el DDNS para controlar los dispositivos de tu casa desde tu smartphone.

Básicamente, el esquema funciona de la siguiente manera: su teléfono inteligente enviará datos a la nube con el servicio DDNS, que accederá a su ESP8266 ubicado en su hogar.

En este caso, el código fuente es grande y utiliza la función ESP para funcionar como un servidor web. ¿Por qué es ventajoso? Bueno, no necesita instalar ninguna aplicación en su teléfono inteligente. Funciona perfectamente en iOS, computadora, Android o casi cualquier otra cosa que contenga un navegador.

Paso 1: WiFi ESP8266 NodeMcu ESP-12E

Paso 2: DDNS

Primero, es necesario crear una cuenta en el sitio web de NO-IP, https://www.noip.com/. Este es el servicio que usaremos. Después de configurar el nombre de usuario y la contraseña, inicie sesión en su cuenta y configure el "nombre de host" y el "Dominio". Tipo de registro y déjelo como está (A). Después de completar, haga clic en "Agregar nombre de host". Luego, vaya a la configuración de la cuenta haciendo clic en "Cuenta". En este caso, usamos "automacaoesp.ddns.net".

Luego, configure "NOMBRE DE USUARIO" y guarde la configuración.

Ahora ve al enrutador y haz clic en "DNS dinámico". Complete los campos con el nombre de usuario que definió en la configuración de la cuenta, la contraseña y el Nombre de dominio, que en este caso era "automacaoesp.ddns.net". Habilite la opción "Habilitar DDNS" y haga clic en guardar. Ahora, dará el mensaje "¡Correcto!" si funcionó.

Volviendo a la página NO-IP, haga clic en el menú lateral "Nombres de host" y verifique si ha aparecido el registro de su enrutador, como se muestra a continuación. Debería aparecer la IP externa de su enrutador.

El último paso es redirigir el puerto del enrutador al dispositivo de red interno. Definimos la IP del ESP (192.168.1.111), por lo que ingresaremos a la pantalla "Reenvío" -> "Servidores Virtuales" del enrutador y daremos clic en "Agregar nuevo".

Complete el puerto que redirigirá y la IP del dispositivo de red interno, y luego el protocolo mostrará "TODOS" (a menos que trabaje solo con uno específico) y mantenga el Estado como "Habilitado" para que esté activo.

Paso 3: diagrama

Una vez hecho esto, estará funcionando. Independientemente de la dirección IP externa, cuando acceda a "automacaoesp.ddns.net" en el puerto predeterminado 80, caerá en el puerto 80 del dispositivo de red interno, que tiene una IP 192.168.1.111.

Recuerde mantener esta dirección fija.

Paso 4: Modificaciones en el archivo Automacao.ino

Realice los siguientes cambios en la configuración de su red e ingrese el número máximo de GPIO disponible en su tarjeta + 1 en MAX_PIN_COUNT.

// Mude para os dados da sua rede # define SSID "TesteESP" #define SENHA "87654321" #define IP "192.168.1.111" #define GATEWAY "192.168.1.1" #define SUBNET "255.255.255.0" // Quantidade máxima de pinos, lembrando que os gpios // geralmente começam em 0. // Se o gpio máximo for 16, por exemplo, coloque 17 #define MAX_PIN_COUNT 17

En el archivo automacao.html, cambie en la línea 117 la URL a la que se registró en el sitio web de ddns no-ip.

Paso 5: complemento para escribir archivos

Debe incluir el complemento en el IDE de Arduino para escribir archivos en la memoria flash esp8266. Descarga el complemento aquí. Descomprima el archivo y, si está en Windows, coloque el archivo.jar en:

C: / Usuarios / Documentos / Arduino / tools / ESP8266FS / tool / esp8266fs.jar

Si usa Mac, coloque el archivo.jar en:

~ / Documentos / Arduino / herramientas / ESP8266FS / tool / esp8266fs.jar

Reinicie el IDE de Arduino. Ahora aparecerá una nueva opción en Herramientas. Esta opción, llamada "Carga de datos de boceto ESP8266" registrará el contenido de la carpeta "datos" en la memoria flash ESP8266.

La carpeta "fecha" debe estar dentro de la carpeta del archivo.ino actual.

Si desea guardar un archivo html, por ejemplo:

~ / Automatización / Automatización

~ / Automation / data / automation.html

Paso 6: guarde el archivo HTML

Haga clic en esta opción para enviar el archivo automacao.html que se encuentra en la carpeta "datos" al sistema de archivos ESP

Paso 7: prueba

1. Aún en el IDE de Arduino, haga clic en la flecha para compilar y enviar el código al ESP. Ahora vaya al navegador y escriba la URL en la barra de direcciones que registró en el sitio sin ip. El resultado debería ser el de la imagen.

2. Haga clic en "Número de PIN" y elija el número de un PIN de la lista que aparece.

3. Ingrese el nombre del botón que coincidirá con el pin seleccionado y haga clic en "+".

4. Un botón con el nombre elegido aparecerá en la lista.

5. Cuando haga clic en el botón, se volverá azul y el pin con el número que ha elegido será ALTO.

6. Si desea que el pin vuelva a BAJO, simplemente haga clic en el botón nuevamente. Para quitar el botón, haga clic en "-"

Paso 8: descarga los archivos

Descarga los archivos:

INO

PDF