Automatisation ESP8266 avec interface Web et DDNS : 8 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:09

Dans l'article d'aujourd'hui, nous allons montrer une automatisation, qui peut être résidentielle, utilisant la fonctionnalité DDNS (Dynamic Domain Name System). Vous comprendrez comment configurer l'application que vous allez placer sur ESP8266, sur le NodeMCU. Aussi, nous verrons comment configurer le DDNS pour contrôler les appareils de votre maison depuis votre smartphone.

En gros, le schéma fonctionne comme suit: votre smartphone enverra des données vers le cloud avec le service DDNS, qui accédera à votre ESP8266 situé chez vous.

Dans ce cas, le code source est volumineux et utilise la fonction ESP pour fonctionner lui-même comme un serveur Web. Pourquoi est-ce avantageux ? Eh bien, vous n'avez pas besoin d'installer d'applications sur votre smartphone. Il fonctionne parfaitement sur iOS, ordinateur, Android ou presque tout autre élément contenant un navigateur.

Étape 1: Wi-Fi ESP8266 NodeMcu ESP-12E

Étape 2: DDNS

Tout d'abord, il est nécessaire de créer un compte sur le site NO-IP, https://www.noip.com/. C'est le service que nous utiliserons. Après avoir configuré l'identifiant et le mot de passe, connectez-vous à votre compte et définissez le "nom d'hôte" et le "Domaine". Type d'enregistrement et laissez-le tel quel (A). Après avoir rempli, cliquez sur "Ajouter un nom d'hôte". Accédez ensuite à la configuration du compte en cliquant sur « Compte ». Dans ce cas, nous utilisons "automacaoesp.ddns.net".

Ensuite, définissez "USERNAME" et enregistrez les paramètres.

Allez maintenant sur le routeur et cliquez sur "Dynamic DNS". Remplissez les champs avec le nom d'utilisateur que vous avez défini dans la configuration du compte, le mot de passe et le nom de domaine, qui dans ce cas était "automacaoesp.ddns.net". Activez l'option "Activer DDNS" et cliquez sur Enregistrer. Maintenant, il donnera le message "Réussi!" si ça marchait.

De retour à la page NO-IP, cliquez sur le menu latéral "Hostnames" et vérifiez si l'enregistrement de votre routeur est apparu, comme indiqué ci-dessous. L'IP externe de votre routeur devrait apparaître.

La dernière étape consiste à rediriger le port du routeur vers le périphérique réseau interne. Nous définissons l'IP de l'ESP (192.168.1.111), nous allons donc entrer dans l'écran "Transfert" -> "Serveurs virtuels" du routeur et cliquer sur "Ajouter nouveau".

Remplissez le port qui redirigera et l'adresse IP du périphérique réseau interne, puis le protocole affichera "TOUS" (sauf si vous travaillez avec un seul spécifique) et gardez le statut "Activé" pour être actif. Enregistrez.

Étape 3: Diagramme

Une fois cela fait, cela fonctionnera. Quelle que soit l'adresse IP externe, lorsque vous accédez à "automacaoesp.ddns.net" sur le port par défaut 80, vous tomberez sur le port 80 du périphérique réseau interne, qui a une adresse IP de 192.168.1.111.

N'oubliez pas de garder cette adresse fixe.

Étape 4: Modifications dans le fichier Automacao.ino

Modifiez les paramètres suivants pour vos paramètres réseau et entrez le nombre GPIO maximum disponible sur votre carte + 1 à 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

Dans le fichier automacao.html, modifiez à la ligne 117 l'URL à laquelle vous vous êtes inscrit sur le site de ddns no-ip.

Étape 5: Plugin pour écrire des fichiers

Vous devez inclure le plugin dans l'IDE Arduino pour écrire des fichiers sur le flash esp8266. Téléchargez le plugin ici. Décompressez le fichier, et s'il est sous Windows, placez le fichier.jar dans:

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

Si vous utilisez Mac, placez le fichier.jar dans:

~ / Documents / Arduino / outils / ESP8266FS / outil / esp8266fs.jar

Redémarrez l'IDE Arduino. Maintenant, une nouvelle option apparaîtra dans Outils. Cette option, appelée "ESP8266 Sketch Data Upload" enregistrera le contenu du dossier "data" dans le flash ESP8266.

Le dossier "date" doit se trouver dans le dossier du fichier.ino actuel.

Si vous souhaitez enregistrer un fichier html, par exemple:

~ / Automatisation / Automatisation

~ / Automatisation / données / automation.html

Étape 6: Enregistrez le fichier HTML

Cliquez sur cette option pour envoyer le fichier automacao.html qui se trouve dans le dossier "data" au système de fichiers ESP

Étape 7: Tester

1. Toujours dans l'IDE Arduino, cliquez sur la flèche pour compiler et envoyer le code à l'ESP. Allez maintenant dans le navigateur et tapez l'URL dans la barre d'adresse que vous avez enregistrée sur le site no-ip. Le résultat doit être celui de l'image.

2. Cliquez sur "Numéro de broche" et choisissez le numéro d'une broche dans la liste qui apparaît.

3. Entrez le nom du bouton qui correspondra à la broche sélectionnée et cliquez sur "+".

4. Un bouton avec le nom choisi apparaîtra dans la liste.

5. Lorsque vous cliquez sur le bouton, il deviendra bleu et la broche avec le nombre que vous avez choisi sera HAUT.

6. Si vous souhaitez que la broche revienne à LOW, cliquez à nouveau sur le bouton. Pour supprimer le bouton cliquez sur "-"

Étape 8: Téléchargez les fichiers

Téléchargez les fichiers:

INO

PDF