Automatització ESP8266 amb interfície web i DDNS: 8 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:15

A l'article d'avui, mostrarem una automatització que pot ser residencial mitjançant la funció DDNS (Dynamic Domain Name System). Comprendreu com configurar l’aplicació que col·loqueu a l’ESP8266, al NodeMCU. A més, veurem com configurar el DDNS per controlar els dispositius de casa des del vostre telèfon intel·ligent.

Bàsicament, l’esquema funciona de la següent manera: el vostre telèfon intel·ligent enviarà dades al núvol amb el servei DDNS, que accedirà al vostre ESP8266 situat a casa vostra.

En aquest cas, el codi font és gran i utilitza la funció ESP per funcionar com a servidor web. Per què és avantatjós? Bé, no cal instal·lar cap aplicació al telèfon intel·ligent. Funciona perfectament a iOS, ordinadors, Android o gairebé qualsevol altra cosa que contingui un navegador.

Pas 1: WiFi ESP8266 NodeMcu ESP-12E

Pas 2: DDNS

En primer lloc, cal crear un compte al lloc web NO-IP, https://www.noip.com/. Aquest és el servei que farem servir. Després de configurar l'inici de sessió i la contrasenya, inicieu sessió al vostre compte i configureu el "nom d'amfitrió" i el "Domini". Registreu el tipus i deixeu-lo tal qual (A). Després de completar-lo, feu clic a "Afegeix un nom d'amfitrió". A continuació, aneu a la configuració del compte fent clic a "Compte". En aquest cas, fem servir "automacaoesp.ddns.net".

A continuació, configureu "USERNAME" i deseu la configuració.

Ara aneu al router i feu clic a "DNS dinàmic". Empleneu els camps amb el nom d'usuari que heu definit a la configuració del compte, la contrasenya i el nom de domini, que en aquest cas era "automacaoesp.ddns.net". Activeu l'opció "Activa DDNS" i feu clic a Desa. Ara, es mostrarà el missatge "Ha tingut èxit!" si funcionava.

Tornant a la pàgina NO-IP, feu clic al menú lateral "Noms d'amfitrió" i comproveu si el registre del vostre enrutador ha aparegut, tal com es mostra a continuació. Hauria d'aparèixer la IP externa del vostre encaminador.

L’últim pas és redirigir el port del router al dispositiu de xarxa intern. Definim la IP de l'ESP (192.168.1.111), de manera que entrarem a la pantalla "Reenviament" -> "Servidors virtuals" del router i farem clic a "Afegeix un nou".

Empleneu el port que redirigirà i la IP del dispositiu de xarxa intern i, a continuació, el protocol mostrarà "TOTS" (tret que només treballeu amb un de concret) i mantingueu l'estat "Activat" per estar actiu. Deseu.

Pas 3: Diagrama

Un cop fet això, funcionarà. Independentment de l'adreça IP externa, quan accediu a "automacaoesp.ddns.net" al port 80 per defecte, caureu al port 80 del dispositiu de xarxa intern, que té una IP de 192.168.1.111.

Recordeu mantenir fixada aquesta adreça.

Pas 4: modificacions al fitxer Automacao.ino

Feu que la configuració següent canviï a la configuració de xarxa i introduïu el nombre GPIO màxim disponible a la vostra targeta +1 a 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" // Quantitat màxima de pinos, lembrando que os gpios // geralmente começam em 0. // Se o gpio máximo for 16, per exemple, coloque 17 #define MAX_PIN_COUNT 17

Al fitxer automacao.html, canvieu a la línia 117 l'URL al qual us heu registrat al lloc web de ddns no-ip.

Pas 5: connecteu per escriure fitxers

Hauríeu d’incloure el connector a l’IDE Arduino per escriure fitxers al flash esp8266. Descarregueu el connector aquí. Descomprimiu el fitxer i, si es troba a Windows, poseu el fitxer.jar a:

C: / Users / Documents / Arduino / tools / ESP8266FS / tool / esp8266fs.jar

Si utilitzeu Mac, poseu el fitxer.jar a:

~ / Documents / Arduino / tools / ESP8266FS / tool / esp8266fs.jar

Reinicieu l'IDE Arduino. Ara apareixerà una nova opció a Eines. Aquesta opció, anomenada "Pujada de dades d'esbós ESP8266", gravarà el contingut de la carpeta "dades" al flaix ESP8266.

La carpeta "data" ha d'estar dins de la carpeta del fitxer.ino actual.

Si voleu desar un fitxer html, per exemple:

~ / Automatització / Automatització

~ / Automation / data / automation.html

Pas 6: deseu el fitxer HTML

Feu clic en aquesta opció per enviar el fitxer automacao.html que es troba a la carpeta "dades" al sistema de fitxers ESP

Pas 7: proves

1. Encara a l'IDE Arduino, feu clic a la fletxa per compilar i enviar el codi a l'ESP. Ara aneu al navegador i escriviu l'URL a la barra d'adreces que vau registrar al lloc sense ip. El resultat hauria de ser el de la imatge.

2. Feu clic a "Número de pin" i trieu el número d'un pin de la llista que apareix.

3. Introduïu el nom del botó que coincidirà amb el pin seleccionat i feu clic a "+".

4. A la llista apareixerà un botó amb el nom escollit.

5. Quan feu clic al botó, es tornarà blau i el pin amb el número que hàgiu triat serà ALT.

6. Si voleu que el pin torni a BAIX, feu clic al botó de nou. Per eliminar el botó, feu clic a "-"

Pas 8: baixeu els fitxers

Descarregueu els fitxers:

INO

PDF