Μετρητής κοινωνικών μέσων με ESP8266 και TFT: 10 βήματα

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

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

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

Βήμα 1: Εργαλεία και υλικά

Λογαριασμός υλικού:

• NodeMCU V2 Amica ή Wemos D1 mini
• Κιτ ArduiTouch ESP

Εργαλεία:

• συγκολλητικό σίδερο
• κατσαβίδι
• πένσα πλευρικής κοπής
• svoltmeter (προαιρετικό)

Λογισμικό:

Arduino IDE

Βήμα 2: Συναρμολόγηση του σετ Arduitouch

Πρέπει πρώτα να συναρμολογήσετε το κιτ ArduiTouch. Ρίξτε μια ματιά στο συνημμένο εγχειρίδιο κατασκευής.

Βήμα 3: Εγκατάσταση πρόσθετων βιβλιοθηκών

Το υλικολογισμικό γράφτηκε κάτω από το Arduino IDE. Ακολουθήστε αυτήν την οδηγία για την προετοιμασία του Arduino IDE για ESP8266:

Θα χρειαστείτε μερικές επιπλέον βιβλιοθήκες. Εγκαταστήστε τις ακόλουθες βιβλιοθήκες μέσω του Arduino Library Manager

Βιβλιοθήκη Adafruit GFX

Βιβλιοθήκη Adafruit ILI9341

XPT2046_Touchscreen από τον Paul Stoffregen

ArduinoJson

JsonStreamingParser

InstagramStats

YoutubeAPI

Μπορείτε επίσης να κατεβάσετε τη βιβλιοθήκη απευθείας ως αρχείο ZIP και να αποσυμπιέσετε το φάκελο κάτω από το φάκελο yourarduinosketchfolder/ libraries/ Μετά την εγκατάσταση των βιβλιοθηκών Adafruit, κάντε επανεκκίνηση του Arduino IDE.

Βήμα 4: Υλικολογισμικό

Παρακαλώ κατεβάστε το δείγμα κώδικα και ανοίξτε τον στο Arduino IDE. Πριν από τη μεταγλώττιση πρέπει να προσθέσετε μερικά μεμονωμένα δεδομένα - δείτε τα επόμενα βήματα…

Βήμα 5: Προετοιμασία για WiFi

/*_ Ορισμός WiFi _*/

//#define WIFI_SSID "xxxxxx" // Εισαγάγετε το SSID σας εδώ

// #define WIFI_PASS "xxxxx" // Εισαγάγετε τον κωδικό πρόσβασης WiFi εδώ #καθορίστε WIFI_HOSTNAME "Social_Counter" #define PORT 5444 #define WIFICLIENT_MAX_PACKET_SIZE 100/*_ Τέλος ορισμών WiFi _*/

Εισαγάγετε το SSID WiFi και τον κωδικό πρόσβασής σας στα πεδία στην ενότητα WiFi

Βήμα 6: Προετοιμασία του Facebook

/*_ Ορισμός διαμόρφωσης Facebook _*/

#define FACEBOOK_HOST "graph.facebook.com"

#define FACEBOOK_PORT 443 #define PAGE_ID "YOUR_PAGE_ID" #define ACCESS_TOKEN "YOUR_ACCESS_TOKEN" // graph.facebook.com SHA1 δακτυλικό αποτύπωμα const char* facebookGraphFingerPrint = "YOUR_FINGER_PRINT"; /*_ Τέλος διαμόρφωσης Facebook _*/

• Ακολουθήστε τα βήματα σε αυτήν τη σελίδα (https://developers.facebook.com/docs/pages/getting-started) για να δημιουργήσετε μια εφαρμογή
• Αφού δημιουργηθεί η εφαρμογή, μεταβείτε στον εξερευνητή γραφημάτων.
• Επάνω δεξιά αλλάξτε την εφαρμογή στη νέα που δημιουργήσατε
• Κάντε κλικ στην επιλογή "Λήψη διακριτικού" και, στη συνέχεια, κάντε κλικ στην επιλογή "Λήψη διακριτικού πρόσβασης χρήστη"
• Ελέγξτε την επιλογή "User_Friends", κάντε κλικ στην επιλογή Λήψη διακριτικού πρόσβασης και πιστοποιήστε την εφαρμογή με το λογαριασμό σας.
• Το κλειδί που εμφανίζεται στη γραμμή μπορεί να χρησιμοποιηθεί με τη βιβλιοθήκη.
• Κάντε κλικ σε [αυτόν τον σύνδεσμο] (https://developers.facebook.com/apps),
• κάντε κλικ στην εφαρμογή που δημιουργήσατε. Η καταναλωτική ταυτότητα και το καταναλωτικό μυστικό είναι διαθέσιμα σε αυτήν τη σελίδα. Θα χρειαστεί αυτό για να επεκτείνετε το κλειδί API, το οποίο μπορείτε να κάνετε χρησιμοποιώντας τη βιβλιοθήκη

Βήμα 7: Προετοιμασία για το Youtube

/*_ Ορισμός διαμόρφωσης Youtube _*/

#define API_KEY "YOUR_API_KEY" // το API Token apps google

#define CHANNEL_ID "YOUR_CHANNEL_ID" // αποτελεί τη διεύθυνση url του καναλιού /*_ Διαμόρφωση τέλους Youtube _* /

Είναι απαραίτητο για τη δημιουργία ενός κλειδιού API Google Apps:

• Δημιουργήστε μια εφαρμογή [εδώ] (https://console.developers.google.com)
• Στην ενότητα Διαχείριση API, μεταβείτε στην ενότητα "Διαπιστευτήρια" και δημιουργήστε ένα νέο κλειδί API
• Ενεργοποιήστε την εφαρμογή σας για επικοινωνία με το YouTube Api [εδώ] (https://console.developers.google.com/apis/api/youtube)
• Βεβαιωθείτε ότι η ακόλουθη διεύθυνση URL λειτουργεί για εσάς στο πρόγραμμα περιήγησής σας (Αλλάξτε το κλειδί στο τέλος!):

Βήμα 8: Προετοιμασία για το Instagram

/*_ Ορισμός διαμόρφωσης Instagram _*/

String Instagram_userName = "YOUR_USERNAME"; // από το instagram url τους

/*_ Διαμόρφωση τέλους Youtube _*/

Δεν έχετε παρά να εισαγάγετε το όνομα Instagram στο παραπάνω πεδίο.

Βήμα 9: Τελική σύνταξη

Μετά τη μεταγλώττιση και τη μεταφόρτωση, θα βλέπετε συνεχώς τα στατιστικά στοιχεία του Youtube, του Facebook και του Instagram στο TFT.