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

Πίνακας περιεχομένων:

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

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

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

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

Εργαλεία και υλικά
Εργαλεία και υλικά
Εργαλεία και υλικά
Εργαλεία και υλικά

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

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

Εργαλεία:

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

Λογισμικό:

Arduino IDE

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

Συναρμολόγηση του σετ Arduitouch
Συναρμολόγηση του σετ 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.