Instructables View Counter + ESP8266 Guide: 6 Steps (with Pictures)

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

Οι μετρητές συνδρομητών για το Youtube και το Facebook είναι αρκετά συνηθισμένοι, αλλά γιατί να μην κάνουμε κάτι παρόμοιο για το Instructables; Αυτό ακριβώς κάνουμε

Οι προβολές θα πρέπει να ληφθούν από τα interwebs, οπότε θα χρησιμοποιήσουμε την κοινή (και φθηνή) μονάδα WiFi ESP8266 για να λάβουμε τις απαιτούμενες πληροφορίες. Χρειάζεται κάποια διαμόρφωση, αλλά θα περάσω από όλα τα βήματα που απαιτούνται για να ξεκινήσει να λειτουργεί.

Για να διατηρήσω το έργο όσο το δυνατόν πιο προσβάσιμο (δηλ. Να μην απαιτείται τρισδιάστατος εκτυπωτής, λέιζερ ή επιταχυντής σωματιδίων), αποφάσισα να χρησιμοποιήσω το Lego για τη θήκη! Βγείτε λοιπόν από αυτόν τον κάδο του Lego και πάμε να χτίσουμε!

Βήμα 1: Μέρη & εργαλεία

Ανταλλακτικά

• ESP8266 ESP-01
• MAX7219 7ψήφια μονάδα οθόνης LED
• 3.3V συμβατό FTDI breakout (προγραμματιστής)
• Καρφίτσωμα κεφαλίδων
• Αντίσταση 4x 10k Ohm
• Κουμπί 2x
• 2x πυκνωτής 10uF
• Ρυθμιστής 3.3V (LM1117-3.3V)
• καλώδιο USB
• Lego!

Συνολικό κόστος: <10 $

Εργαλεία

Συγκολλητικό σίδερο

Βήμα 2: Ηλεκτρονικά

Ας ξεκινήσουμε το έργο χτίζοντας το κύκλωμα.

Τα ηλεκτρονικά του έργου δεν είναι πολύ περίπλοκα, αλλά η μονάδα ESP8266 απαιτεί κάποια ειδική επεξεργασία για να λειτουργήσει. Πρώτα απ 'όλα, τι είναι αυτό το θέμα ESP;

Το ESP8266 είναι πιο γνωστό ως ένα τσιπ WiFi χαμηλού κόστους, αλλά διαθέτει επίσης μια πλήρη ικανότητα μονάδας μικροελεγκτή. Αυτό το καθιστά ιδανικό για έργα που απαιτούν WiFi και έλεγχο εξωτερικών εξαρτημάτων όπως η οθόνη μας 7 τμημάτων. Ο προγραμματισμός γίνεται με μετατροπέα USB σε σειριακό, που ονομάζεται επίσης μετατροπέας FTDI.

Σχηματικός

Τα συστατικά μπορούν απλώς να συνδεθούν όπως στο σχηματικό, αλλά δίνονται λίγο περισσότερες πληροφορίες εδώ.

Πρώτα απ 'όλα, το ESP8266 λειτουργεί από 3,3V, ενώ η οθόνη (και το USB που θα χρησιμοποιήσουμε για τροφοδοσία) λειτουργεί σε 5V. Αυτό σημαίνει ότι θα χρειαστούμε έναν μετατροπέα τάσης για να μετατρέψουμε τα 5V του USB σε 3.3V για το ESP8266.

Κατά την ενεργοποίηση του ESP8266, θα εισέλθει σε μία από τις "λειτουργίες εκκίνησης", ανάλογα με την τάση στις ακίδες IO. Με άλλα λόγια: εάν θέλουμε να εκτελέσει τον κώδικά μας κατά την εκκίνηση, θα πρέπει να το διαμορφώσουμε! Για την εκτέλεση του προγράμματος αυτό σημαίνει:

• CH_PD σε VCC
• RST σε VCC
• GPIO0 έως VCC
• GPIO2 σε VCC

Ενώ για τον προγραμματισμό της συσκευής, αυτό μεταφράζεται σε:

• CH_PD σε VCC
• RST σε VCC
• GPIO0 σε GND
• GPIO2 σε VCC

Όπως φαίνεται, η μόνη διαφορά είναι η κατάσταση του pin GPIO0. Ως εκ τούτου, θα μας δώσετε ένα κουμπί για να συνδέσετε το GPIO0 στο GND κατά τον προγραμματισμό. Μετά την εκκίνηση, οι ακίδες μπορούν να χρησιμοποιηθούν ελεύθερα, στην περίπτωσή μας για 2 πράγματα:

1. Ως είσοδος: υπάρχει ένα κουμπί συνδεδεμένο στο GPIO2.
2. Οδήγηση της οθόνης. Δεδομένου ότι χρειάζεται περισσότερα από 2 σήματα, η γραμμή TX και RX θα χρησιμοποιηθεί επίσης ως IO.

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

PCB

Για να φτιάξω το PCB, σχεδίασα μια διάταξη πλακιδίων/λωρίδων στο KiCad (λογισμικό διάταξης PCB ανοιχτού κώδικα). Ρυθμίζοντας την απόσταση του πλέγματος στα 2,54 mm (0,1 ίντσα), μπορείτε να κάνετε διατάξεις που μπορούν να κολληθούν σε λωρίδες.

Αυτό καθιστά εξαιρετικά εύκολο να κολλήσετε μαζί τα ηλεκτρονικά: απλά εκτυπώστε το σχέδιο (περιλαμβάνεται ως PDF) και αντιγράψτε το σχέδιο στο stripboard. Χρησιμοποιήστε καρφίτσες κεφαλίδας για να συνδέσετε την οθόνη, FTDI και ESP8266.

Μετά τη συγκόλληση, κόψτε το γυαλί στο σωστό μέγεθος και συνδέστε όλα τα εξαρτήματα. Με τα ηλεκτρονικά συγκολλημένα μαζί μπορούμε να δώσουμε ζωή σε αυτά με κάποιον κωδικό!

Βήμα 3: Προγραμματισμός του ESP8266

Ρύθμιση των βιβλιοθηκών

Προτού μπορέσουμε να ανεβάσουμε οποιονδήποτε κώδικα στον πίνακα χρησιμοποιώντας το Arduino IDE, θα πρέπει να προσθέσουμε τις βιβλιοθήκες του. Αυτό μπορεί να γίνει ακολουθώντας τα επόμενα βήματα:

1. Μεταβείτε στο Αρχείο> Προτιμήσεις και επικολλήστε τον ακόλουθο σύνδεσμο στο πλαίσιο "Πρόσθετες διευθύνσεις URL διαχειριστή πίνακα":
2. Μεταβείτε στα Εργαλεία> Πίνακες> Διαχειριστής πινάκων και αναζητήστε το ESP8266
3. Από αυτό το παράθυρο, εγκαταστήστε το πιο πρόσφατο πακέτο
4. Επανεκκινήστε το IDE
5. Από τα Εργαλεία> Πίνακες, επιλέξτε "Generic ESP8266 Module" ως πίνακα
6. Ανοίξτε το σκίτσο και αποδώστε το (ctrl+R) για να δείτε αν ο πίνακας έχει προστεθεί σωστά.

Μεταφόρτωση του κώδικα

Για να προγραμματίσουμε τη συσκευή μας, θα χρειαστεί να τη θέσουμε σε λειτουργία προγραμματισμού και να τη συνδέσουμε με τον πίνακα ανάρτησης FTDI. Αυτό μπορεί να γίνει τραβώντας τους κατάλληλους πείρους στο VCC ή GND και πραγματοποιώντας τις συνδέσεις όπως αναφέρονται παρακάτω.

• CH_PD σε VCC
• RST σε VCC
• GPIO0 σε GND
• GPIO2 σε VCC
• RX έως TX του FTDI
• TX έως RX του FTDI

Ευτυχώς, όλες οι συνδέσεις αυτές οι συνδέσεις υπάρχουν ήδη στο PCB μας. Το δοκίμασα πρώτα σε ένα breadboard, και όπως μπορείτε να δείτε, είναι λίγο αδέξιο. Έτσι, για να ανεβάσετε τον κώδικα:

1. Αφαιρέστε την οθόνη και συνδέστε το FTDI
2. Κρατήστε πατημένο το κουμπί προγράμματος όταν συνδέετε το καλώδιο USB
3. Ανεβάστε τον κωδικό. Μετά τη μεταφόρτωση θα πρέπει να εμφανιστεί το "Set net"

Πιθανά λάθη

Ενδέχεται να λάβετε σφάλμα κατά τη μεταφόρτωση, όπως "error: espcomm_upload_mem_failed", απλώς επαναφορτώστε τον κώδικα. Εάν η οθόνη παραμείνει κενή κατά την τροφοδοσία, επαναλάβετε τη φόρτωση και του κώδικα.

Εκτέλεση του κώδικα

Για να εκτελέσετε τον κώδικα που μόλις ανεβάσαμε, η λειτουργία προγραμματισμού θα πρέπει να απενεργοποιηθεί τραβώντας το pin GPIO0 στο VCC. Or στην περίπτωσή μας, ενεργοποιήστε τη συσκευή χωρίς να πατήσετε το κουμπί προγράμματος.

Με τον κώδικα που ανεβαίνει και λειτουργεί, μπορούμε τώρα να διαμορφώσουμε το πρόγραμμα προβολής μας!

Βήμα 4: Ρύθμιση του Viewcounter

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

Διαμόρφωση του διακομιστή ιστού

1. Ενεργοποιήστε τη μονάδα και περιμένετε να εμφανιστεί η ένδειξη "set net"
2. Πατήστε το κουμπί Λειτουργία, η συσκευή θα εμφανίσει "εγκατάσταση"
3. Στον υπολογιστή σας, μεταβείτε στα δίκτυα WiFi και επιλέξτε "Instructables Hit Counter" (Όταν σας ζητηθεί κωδικός πρόσβασης, εισαγάγετε τον κωδικό πρόσβασης.)
4. Θα πρέπει να ανοίξει ένα παράθυρο προγράμματος περιήγησης (διαφορετικά ανοίξτε μόνοι σας και πληκτρολογήστε 192.168.4.1)
5. Ανοίγει μια σελίδα, πατήστε "Διαμόρφωση WiFi"
6. Επιλέξτε ένα δίκτυο και πληκτρολογήστε τον κωδικό πρόσβασής σας. Συμπληρώστε μια στατική IP, πύλη και υποδίκτυο
7. Πατήστε αποθήκευση, θα εμφανιστεί μια σελίδα επιβεβαίωσης

Τώρα που το ESP8266 είναι συνδεδεμένο στο δίκτυο WiFi μας, μπορούμε να συμπληρώσουμε τα διαπιστευτήριά μας με οδηγίες.

Ρύθμιση χρήστη

1. Ανοίξτε ένα πρόγραμμα περιήγησης και πληκτρολογήστε τη στατική IP που επιλέξατε στο προηγούμενο βήμα.
2. Μεταβείτε στην καρτέλα "Ρύθμιση χρήστη"
3. Συμπληρώστε το όνομα του Instructables και αποθηκεύστε το
4. Για να δείτε τις προβολές ενός συγκεκριμένου Instructable, ακολουθήστε τις οδηγίες στη σελίδα
5. Πατήστε αποθήκευση, οι προβολές σας θα εμφανίζονται τώρα!
6. Για περισσότερες επιλογές, εξερευνήστε τις ρυθμίσεις;)

Ο μετρητής είναι πλέον πλήρως λειτουργικός, αλλά εξακολουθεί να φαίνεται λίγο θαμπός. Ας το αλλάξουμε κάνοντας μια φοβερή θήκη!

Σημείωση

Ο κώδικας αυτού του έργου προέρχεται από αυτόν τον φοβερό τύπο: https://www.instructables.com/id/Instructables-Hi… Όλα τα εύσημα για τον κωδικό πηγαίνουν σε αυτόν, τον χρησιμοποιώ απλώς για να φτιάξω τη δική μου έκδοση του έργου. Ο κύριος λόγος που το γράφω αυτό είναι γιατί έπρεπε να μπερδέψω μερικά πράγματα για να λειτουργήσει (όπως πώς να προγραμματίσω το ESP8266, να προσθέσω τις βιβλιοθήκες, να πάρω το αναγνωρίσιμο πρόγραμμα, να κάνω το PCB, …) και ήθελα να φτιάξω έναν πλήρη αυτόνομο οδηγό Το

Βήμα 5: Περίβλημα

Αυτό είναι το μέρος όπου μπορείτε να γίνετε εξαιρετικά δημιουργικοί. Κάθε περίπτωση μπορεί να λειτουργήσει, αλλά το να φτιάξεις ένα ωραίο μπορεί να κάνει ή να σπάσει ένα έργο. Ως εκ τούτου, αποφάσισα να φτιάξω το δικό μου από Lego!

Τοποθέτηση της οθόνης

Για να στερεώσω την οθόνη στη θέση της, διαπίστωσα ότι ένα "πάνελ Lego χωρίς πλευρική υποστήριξη" ταιριάζει απόλυτα στην οθόνη. Υπάρχει μόνο ένα μειονέκτημα: έχει διπλάσιο πλάτος από ότι θα ήθελα … Ευτυχώς, αυτό λύνεται εύκολα κόβοντάς το στο 2. Έχουμε τώρα μια ωραία βάση για την οθόνη και μια καλή αφετηρία για ολόκληρη τη θήκη!

Κάνοντας τα γράμματα

Για να γίνει πιο προφανές ότι πρόκειται για μετρητή προβολών, ήθελα να συμπεριλάβω μια ετικέτα με "προβολές". Αλλά τότε σκέφτηκα, γιατί να χρησιμοποιήσω μια ηλίθια ταμπέλα όταν μπορείς να φτιάξεις γράμματα από το Lego; Αυτό λοιπόν έκανα! Έχω συμπεριλάβει ένα κοντινό γράμμα έτσι ώστε να είναι πιο εύκολο να αναπαραχθούν.

Φτιάχνοντας το ρομπότ

Έψαχνα για κάτι για να ολοκληρώσω αυτήν την κατασκευή και έπεσα πάνω σε αυτό το φοβερό διδακτικό:

Το εκπαιδευτικό ρομπότ κατασκευασμένο από Lego, ο τέλειος σύντροφος για τον μετρητή προβολής! Δεν θα μπω στα αναλυτικά βήματα για να το φτιάξω εδώ, αφού εξηγείται βήμα προς βήμα στο αρχικό εκπαιδευτικό. Ο μικρός μας σύντροφος είναι η τελευταία πινελιά στην περίπτωσή μας. τελειώσαμε!

Βήμα 6: Δοκιμάστε και απολαύστε

Τελειώσαμε! Το μόνο που μένει να κάνουμε είναι να δοκιμάσουμε τον νέο μας μετρητή προβολής.

Συνδέστε το σε μια θύρα USB και θαυμάστε τις απόψεις σας! Ελπίζω να σας άρεσε το έργο και να εμπνευστείτε να φτιάξετε κάτι παρόμοιο.

Ρίξτε μια ματιά στις άλλες οδηγίες μου: