Δημιουργήστε ένα Blog με Esp8266: 7 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:36

Εάν το ιστολόγιό σας είναι απλό και η επισκεψιμότητα είναι κανονική, θα σας καθοδηγήσω να χρησιμοποιήσετε το esp8266 ως διακομιστή ιστολογίου. Ένας χρόνος κοστίζει 1 $ ρεύμα:)

Και το αποτέλεσμα θα έχετε έναν ιστότοπο σαν αυτόν:

Βήμα 1: Σχεδιασμός ιστοσελίδων

Αυτό εξαρτάται από όλους. Χρησιμοποιώ το Google doc για να κάνω μια εισαγωγή για τον εαυτό μου και στη συνέχεια να το αποθηκεύσω στον υπολογιστή μου σε μορφή html. Αλλά στο σημερινό σεμινάριο, κατέβασα ένα πρότυπο διαθέσιμο στο διαδίκτυο για γρήγορη (https://www.w3schools.com/w3css/w3css_templates.asp) Υπάρχουν μόνο μερικές λεπτομέρειες που πρέπει να σημειωθούν:

• Οι φωτογραφίες πρέπει να μεταφορτωθούν σε έναν συγκεκριμένο κεντρικό υπολογιστή και στη συνέχεια να επιστρέψουν τον σύνδεσμο στο αρχείο html (χρησιμοποιώ προσωρινό πακέτο φωτογραφιών)
• Οι βιβλιοθήκες js, css θα έχουν κανονικά cdn. Χρησιμοποιήστε cdn αντί να αποθηκεύσετε απευθείας στο esp8266.
• Για παράδειγμα, θα έχω μόνο μια αρχική σελίδα για να συστηθώ, ώστε να μπορέσετε να αναπτύξετε περισσότερα:)

Και αυτό είναι το αποτέλεσμα κατά το άνοιγμα του αρχείου html στον υπολογιστή:

Βήμα 2: Μετατρέψτε το αρχείο Html σε αρχείο H

Ανοίξτε το αρχείο html (css, js) που μόλις προηγήθηκε. Στη συνέχεια αντιγράφετε το περιεχόμενο. Μεταβείτε στη διεύθυνση https://hs2t.com/tools/html2CString Επικολλήστε το περιεχόμενο στο πρώτο πλαίσιο και, στη συνέχεια, πατήστε Μετατροπή. Αντιγράψτε το περιεχόμενο στο δεύτερο πλαίσιο:) τοποθετήστε στο αρχείο.h

Βήμα 3: Κωδικός Esp8266 (χρησιμοποιώντας Arduino)

Κατεβάστε και επεξεργαστείτε τον παρακάτω κώδικα:

• Αλλάξτε το wifi του σπιτιού σας
• Αλλάξτε το στατικό ip στις ρυθμίσεις του μόντεμ (πρέπει να εκχωρήσετε ένα σταθερό ip για να διευκολύνετε το άνοιγμα της θύρας στο διαδίκτυο)
• Για την ενότητα ddns, θα εξηγήσω περισσότερα στην εκχώρηση ονόματος τομέα δωρεάν!

Εντάξει, μετά τη φόρτωση του κωδικού, μεταβείτε στην τοπική δοκιμή IP (για παράδειγμα, 192.168.1.24) για να δείτε ότι ο ιστότοπος είναι εντάξει: D

Βήμα 4: Θύρα NAT

Αυτό εξαρτάται από το μόντεμ σας, για παράδειγμα από το μόντεμ σας. Το σπίτι μου χρησιμοποιεί ένα μόντεμ gw040

Όταν τελειώσει η θύρα, μπορείτε να μεταβείτε στο ιστολόγιό μας από το Διαδίκτυο χρησιμοποιώντας τη διεύθυνση IP (π.χ. https://123.123.123.123). δικος σου.

Σημείωση:

• Μερικά μόντεμ ανοίγουν τη θύρα και στη συνέχεια δεν είναι δυνατή η προβολή του διαδικτύου με δημόσια IP με το δίκτυο, αλλά εκτός δικτύου, η κανονική προβολή είναι εντάξει.
• Εάν χρησιμοποιείτε πομπό 3G σε επίπεδο δικτύου για το ESP8266, δεν θα λειτουργεί εκτός διαδικτύου:)

Βήμα 5: DDNS

Δεδομένου ότι το ip μας είναι δυναμικό, πρέπει να χρησιμοποιήσουμε την υπηρεσία DDNS. Ποιο είναι το όνομα ενός τομέα που σχετίζεται με την οικιακή σας ip; Όταν αλλάξει η IP του σπιτιού σας, θα ενημερώσει την υπηρεσία DDNS έτσι ώστε η υπηρεσία να εκχωρήσει μια νέα IP στον τομέα μας. Πρώτα καταχωρήστε έναν λογαριασμό και ένα δωρεάν όνομα τομέα όπως το myname.boxip.net στη διεύθυνση https://boxip.net εδώ I χρησιμοποιήστε το όνομα

Στη συνέχεια, αντιγράψτε τον σύνδεσμο wget στη σελίδα ρυθμίσεων για να τον αντικαταστήσετε με τον κωδικό ESP8266. Το ESP8266 προεπιλογή κάθε 5 λεπτά θα καλεί τον διακομιστή DDNS για ενημέρωση IP. Τώρα δοκιμάστε το https://han.boxip.net και απολαύστε τα αποτελέσματα: P

Βήμα 6: Instruc Video στα Βιετναμέζικα

Αν σας φαίνεται ενδιαφέρον και χρήσιμο, θυμηθείτε να εγγραφείτε στο κανάλι για να λαμβάνετε περισσότερα βίντεο

Βήμα 7: Το άρθρο με ενέπνευσε

www.instructables.com/id/How-to-Build-a-ES…

Έχει λεπτομερείς οδηγίες για τον τρόπο δημιουργίας διακομιστή ιστού. Αλλά ο ιστότοπος είναι απλός και λειτουργεί μόνο τοπικά. Το έχω βελτιώσει ώστε να είναι ένα προσωπικό ιστολόγιο που μπορεί να προβληθεί στο Διαδίκτυο