Πίνακας περιεχομένων:
- Βήμα 1: WiFi ESP8266 NodeMcu ESP-12E
- Βήμα 2: DDNS
- Βήμα 3: Διάγραμμα
- Βήμα 4: Τροποποιήσεις στο αρχείο Automacao.ino
- Βήμα 5: Προσθήκη για την εγγραφή αρχείων
- Βήμα 6: Αποθήκευση αρχείου Html
- Βήμα 7: Δοκιμή
- Βήμα 8: Κατεβάστε τα αρχεία
Βίντεο: ESP8266 Αυτοματισμός με διεπαφή ιστού και DDNS: 8 βήματα
2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:37
Στο σημερινό άρθρο, θα δείξουμε έναν αυτοματισμό, ο οποίος μπορεί να είναι οικιακός, χρησιμοποιώντας τη δυνατότητα DDNS (Dynamic Domain Name System). Θα καταλάβετε πώς μπορείτε να διαμορφώσετε την εφαρμογή που θα τοποθετήσετε στο ESP8266, στο NodeMCU. Επίσης, θα δούμε πώς να διαμορφώσετε το DDNS για τον έλεγχο των συσκευών του σπιτιού σας από το smartphone σας.
Βασικά, το σχήμα λειτουργεί ως εξής: το smartphone σας θα στέλνει δεδομένα στο cloud με την υπηρεσία DDNS, η οποία θα έχει πρόσβαση στο ESP8266 που βρίσκεται στο σπίτι σας.
Σε αυτήν την περίπτωση, ο πηγαίος κώδικας είναι μεγάλος και χρησιμοποιεί τη δυνατότητα ESP για να λειτουργεί ως διακομιστής ιστού. Γιατί είναι συμφέρουσα; Λοιπόν, δεν χρειάζεται να εγκαταστήσετε εφαρμογές στο smartphone σας. Λειτουργεί τέλεια σε iOS, υπολογιστή, Android ή σχεδόν οτιδήποτε άλλο περιέχει πρόγραμμα περιήγησης.
Βήμα 1: WiFi ESP8266 NodeMcu ESP-12E
Βήμα 2: DDNS
Πρώτον, είναι απαραίτητο να δημιουργήσετε έναν λογαριασμό στον ιστότοπο NO-IP, https://www.noip.com/. Αυτή είναι η υπηρεσία που θα χρησιμοποιήσουμε. Αφού ρυθμίσετε τα στοιχεία σύνδεσης και τον κωδικό πρόσβασης, συνδεθείτε στον λογαριασμό σας και ορίστε τα "όνομα κεντρικού υπολογιστή" και "Domain". Εγγραφή Τύπου και αφήστε το ως έχει (Α). Αφού συμπληρώσετε, κάντε κλικ στο "Προσθήκη ονόματος κεντρικού υπολογιστή". Στη συνέχεια, μεταβείτε στη ρύθμιση λογαριασμού κάνοντας κλικ στο "Λογαριασμός". Σε αυτήν την περίπτωση, χρησιμοποιούμε το "automacaoesp.ddns.net".
Στη συνέχεια, ορίστε "USERNAME" και αποθηκεύστε τις ρυθμίσεις.
Τώρα μεταβείτε στο δρομολογητή και κάντε κλικ στο "Dynamic DNS". Συμπληρώστε τα πεδία με το όνομα χρήστη που ορίσατε στη διαμόρφωση του λογαριασμού, τον κωδικό πρόσβασης και το όνομα τομέα, το οποίο σε αυτήν την περίπτωση ήταν "automacaoesp.ddns.net". Ενεργοποιήστε την επιλογή "Ενεργοποίηση DDNS" και κάντε κλικ στην επιλογή αποθήκευση. Τώρα, θα δώσει το μήνυμα "Επιτυχία!" αν λειτουργούσε.
Επιστρέφοντας στη σελίδα NO-IP, κάντε κλικ στο πλευρικό μενού "Όνομα κεντρικού υπολογιστή" και ελέγξτε εάν εμφανίστηκε η εγγραφή του δρομολογητή σας, όπως φαίνεται παρακάτω. Θα πρέπει να εμφανιστεί η εξωτερική IP του δρομολογητή σας.
Το τελευταίο βήμα είναι η ανακατεύθυνση της θύρας του δρομολογητή στην εσωτερική συσκευή δικτύου. Ορίζουμε το IP του ESP (192.168.1.111), οπότε θα εισέλθουμε στην οθόνη "Προώθηση" -> "Εικονικοί διακομιστές" του δρομολογητή και κάνουμε κλικ στο "Προσθήκη νέου".
Συμπληρώστε τη θύρα που θα ανακατευθύνει και το IP της συσκευής εσωτερικού δικτύου και, στη συνέχεια, το πρωτόκολλο θα εμφανίσει "ΟΛΑ" (εκτός εάν εργάζεστε μόνο με συγκεκριμένο) και διατηρήστε την κατάσταση ως "Ενεργοποιημένη" για να είναι ενεργή. Αποθήκευση.
Βήμα 3: Διάγραμμα
Μόλις γίνει αυτό, θα λειτουργήσει. Ανεξάρτητα από την εξωτερική διεύθυνση IP, όταν έχετε πρόσβαση στο "automacaoesp.ddns.net" στην προεπιλεγμένη θύρα 80, θα πέσετε στη θύρα 80 της εσωτερικής συσκευής δικτύου, η οποία έχει IP 192.168.1.111.
Θυμηθείτε να διατηρήσετε αυτήν τη διεύθυνση σταθερή.
Βήμα 4: Τροποποιήσεις στο αρχείο Automacao.ino
Αλλάξτε τις ακόλουθες ρυθμίσεις στις ρυθμίσεις δικτύου σας και εισαγάγετε τον μέγιστο διαθέσιμο αριθμό GPIO στην κάρτα +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
Στο αρχείο automacao.html, αλλάξτε στη γραμμή 117 τη διεύθυνση URL στην οποία καταχωρήσατε στον ιστότοπο του ddns no-ip.
Βήμα 5: Προσθήκη για την εγγραφή αρχείων
Θα πρέπει να συμπεριλάβετε την προσθήκη στο Arduino IDE για να γράψετε αρχεία στο flash esp8266. Κατεβάστε το plugin εδώ. Αποσυμπιέστε το αρχείο και εάν είναι στα Windows, τοποθετήστε το αρχείο.jar σε:
C: / Users / Documents / Arduino / tools / ESP8266FS / tool / esp8266fs.jar
Εάν χρησιμοποιείτε Mac, τοποθετήστε το αρχείο.jar σε:
/ Documents / Arduino / tools / ESP8266FS / tool / esp8266fs.jar
Επανεκκινήστε το Arduino IDE. Τώρα θα εμφανιστεί μια νέα επιλογή στα Εργαλεία. Αυτή η επιλογή, που ονομάζεται "ESP8266 Sketch Data Upload" θα καταγράψει τα περιεχόμενα του φακέλου "data" στο φλας ESP8266.
Ο φάκελος "ημερομηνία" πρέπει να βρίσκεται μέσα στο φάκελο του τρέχοντος αρχείου.ino.
Εάν θέλετε να αποθηκεύσετε ένα αρχείο html, για παράδειγμα:
~ / Αυτοματισμός / Αυτοματισμός
/ Automation / data / automation.html
Βήμα 6: Αποθήκευση αρχείου Html
Κάντε κλικ σε αυτήν την επιλογή για να στείλετε το αρχείο automacao.html που βρίσκεται στο φάκελο "δεδομένα" στο σύστημα αρχείων ESP
Βήμα 7: Δοκιμή
1. Ακόμα στο Arduino IDE, κάντε κλικ στο βέλος για να μεταγλωττίσετε και να στείλετε τον κωδικό στο ESP. Τώρα μεταβείτε στο πρόγραμμα περιήγησης και πληκτρολογήστε τη διεύθυνση URL στη γραμμή διευθύνσεων που έχετε καταχωρίσει στον ιστότοπο χωρίς ip. Το αποτέλεσμα πρέπει να είναι αυτό της εικόνας.
2. Κάντε κλικ στην επιλογή "Αριθμός καρφίτσας" και επιλέξτε τον αριθμό ενός πείρου από τη λίστα που εμφανίζεται.
3. Πληκτρολογήστε το όνομα του κουμπιού που θα ταιριάζει με την επιλεγμένη καρφίτσα και κάντε κλικ στο "+".
4. Ένα κουμπί με το επιλεγμένο όνομα θα εμφανιστεί στη λίστα.
5. Όταν κάνετε κλικ στο κουμπί, θα γίνει μπλε και η καρφίτσα με τον αριθμό που έχετε επιλέξει θα είναι Υ HIGHΗΛΗ.
6. Εάν θέλετε η καρφίτσα να επιστρέψει στο LOW, απλώς κάντε ξανά κλικ στο κουμπί. Για να αφαιρέσετε το κουμπί κάντε κλικ στο "-"
Βήμα 8: Κατεβάστε τα αρχεία
Κατεβάστε τα αρχεία:
ΕΓΩ ΔΕΝ
Συνιστάται:
Οικιακός αυτοματισμός χρησιμοποιώντας MQTT και ESP8266: 6 βήματα
Αυτοματισμός σπιτιού χρησιμοποιώντας MQTT και ESP8266: Σήμερα, ο αυτοματισμός του σπιτιού είναι η τάση και η αναδυόμενη εποχή του IoT (Internet of Things). Όλοι προσπαθούν να αυτοματοποιήσουν το σπίτι με κάποιον τρόπο που μπορεί να είναι τηλεχειριζόμενο ή χειροκίνητο. Και αυτό τους κάνει τη ζωή ευκολότερη. Υπάρχουν τεχνικές για τον έλεγχο των ανθρώπων
ESP8266 Με μαθήματα Thingspeak και DHT11 - Διακομιστής Ιστού: 7 Βήματα
ESP8266 Με μαθήματα Thingspeak και DHT11 | Web Server: Γεια, τι συμβαίνει, παιδιά! Akarsh εδώ από το CETech. Αυτό το έργο μου είναι περισσότερο μια καμπύλη εκμάθησης για να κατανοήσουμε την πλατφόρμα πραγμάτων μαζί με την ιδέα του MQTT και στη συνέχεια να χρησιμοποιήσουμε το Thingspeak με ένα ESP8266. Προς το τέλος του άρθρου, θα είμαστε
Nextion Display - Διεπαφή και πρωτόκολλο που εξηγείται με PIC και Arduino: 10 βήματα
Nextion Display | Διεπαφή και πρωτόκολλο που εξηγείται με PIC και Arduino: Η οθόνη Nextion είναι πολύ εύκολη στη χρήση και εύκολη διασύνδεση με μικροελεγκτές. Με τη βοήθεια του επεξεργαστή Nextion μπορούμε να διαμορφώσουμε την οθόνη και μπορούμε να σχεδιάσουμε UI στην οθόνη. Έτσι, με βάση συμβάντα ή εντολές Επόμενη οθόνη θα ενεργήσει για την εμφάνιση του
Εύκολη έξυπνη λάμπα 5 $ με διεπαφή Ιστού Smartphone: 4 βήματα
Εύκολη έξυπνη λάμπα 5 $ με διεπαφή Ιστού Smartphone: Γεια! Με λένε Ραφαήλ. Αυτό είναι το πρώτο μου εκπαιδευτικό! Το κύριο κίνητρό μου για τη δημιουργία αυτής της λάμπας είναι να βοηθήσω τη ζωή των ατόμων με κινητικά μειονεκτήματα. Κάποια μέρα, δεν θα έχουμε διακόπτες στους τοίχους ή δυσπρόσιτα βύσματα, αλλά μάλλον τα smartphone μας για έλεγχο
Οδηγός οδηγού Ιστού IO Χρήση ζωντανής ιστοσελίδας και παραδείγματα εργασίας: 8 βήματα
Web Driver IO Tutorial Using a Live Web Site and Working Παραδείγματα: Web Driver IO Tutorial Using A Live Web And Working Παραδείγματα Τελευταία ενημέρωση: 07/26/2015 (Ελέγχετε συχνά καθώς ενημερώνω αυτά τα εκπαιδευτικά με περισσότερες λεπτομέρειες και παραδείγματα) Ιστορικό μια ενδιαφέρουσα πρόκληση που μου παρουσιάστηκε. Χρειαζόμουν να