Brojač društvenih medija s ESP8266 i TFT: 10 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:36

Ova instrukcija će vam pokazati kako napraviti brojač društvenih medija na temelju ESP8266 i TFT u boji za montažu na gornji zid.

Ovaj brojač društvenih medija neprekidno će uzastopno prikazivati podatke o vašem računu na Facebooku, Instagramu i Youtubeu.

Korak 1: Alati i materijali

Račun za materijal:

• NodeMCU V2 Amica ili Wemos D1 mini
• ArduiTouch ESP komplet

Alati:

• lemilica
• odvijač
• kliješta za bočno rezanje
• svoltmeter (izborno)

Softver:

Arduino IDE

Korak 2: Montaža Arduitouch seta

Najprije morate sastaviti ArduiTouch komplet. Molimo pogledajte priloženi priručnik za gradnju.

Korak 3: Instalacija dodatnih knjižnica

Firmver je napisan pod Arduino IDE. Slijedite ove upute za pripremu Arduino IDE-a za ESP8266:

Trebat će vam neke dodatne knjižnice. Instalirajte sljedeće knjižnice putem Arduino Library Managera

Knjižnica Adafruit GFX

Knjižnica Adafruit ILI9341

XPT2046_Touchscreen Paul Stoffregen

ArduinoJson

JsonStreamingParser

InstagramStats

YoutubeAPI

Također možete preuzeti biblioteku također direktno kao ZIP datoteku i dekomprimirati mapu pod vašom mapom/ knjižnicama/ Nakon što instalirate knjižnice Adafruit, ponovno pokrenite Arduino IDE.

Korak 4: Firmware

Preuzmite uzorak koda i otvorite ga u Arduino IDE -u. Prije sastavljanja morate dodati neke pojedinačne podatke - pogledajte sljedeće korake …

Korak 5: Priprema za WiFi

/*_ Definiraj WiFi _*/

//#definirajte WIFI_SSID "xxxxxx" // Ovdje unesite svoj SSID

// #define WIFI_PASS "xxxxx" // Ovdje unesite svoju WiFi lozinku #define WIFI_HOSTNAME "Social_Counter" #define PORT 5444 #define WIFICLIENT_MAX_PACKET_SIZE 100/*_ Kraj WiFi definicija _*/

Unesite WiFi SSID i lozinku u polja u odjeljku WiFi

Korak 6: Priprema Facebooka

/*_ Definirajte Facebook konfiguraciju _*/

#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 otisak prsta const char* facebookGraphFingerPrint = "YOUR_FINGER_PRINT"; /*_ Kraj konfiguracije Facebooka _*/

• Slijedite korake na [ovoj stranici] (https://developers.facebook.com/docs/pages/getting-started) da biste izradili APP
• Nakon što je aplikacija stvorena, idite na Istraživač grafikona.
• Gore gore desno promijenite aplikaciju u novu koju ste stvorili
• Pritisnite "Get Token", a zatim "Get User Access Token"
• Označite opciju "User_Friends", kliknite get access token i ovjerite aplikaciju sa svojim računom.
• Ključ koji se prikazuje na traci može se koristiti s bibliotekom.
• Kliknite na [ovu vezu] (https://developers.facebook.com/apps),
• kliknite aplikaciju koju ste stvorili. Vaš korisnički ID i potrošačka tajna dostupni su na ovoj stranici. To će vam trebati za proširenje API ključa, što možete učiniti pomoću biblioteke

Korak 7: Priprema za Youtube

/*_ Definirajte konfiguraciju YouTubea _*/

#define API_KEY "YOUR_API_KEY" // vaš API token za google aplikacije

#define CHANNEL_ID "YOUR_CHANNEL_ID" // čini URL kanala /*_ Kraj konfiguracije Youtubea _* /

Potrebno je za izradu ključa API -ja za Google Apps:

• Izradite aplikaciju [ovdje] (https://console.developers.google.com)
• U odjeljku API upravitelj idite na "Vjerodajnice" i izradite novi API ključ
• Omogućite svojoj aplikaciji komuniciranje YouTube API -ja [ovdje] (https://console.developers.google.com/apis/api/youtube)
• Provjerite radi li sljedeći URL u vašem pregledniku (Promijenite ključ na kraju!):

Korak 8: Priprema za Instagram

/*_ Definiraj Instagram konfiguraciju _*/

String Instagram_userName = "YOUR_USERNAME"; // s njihovog instagram url

/*_ Kraj konfiguracije Youtube _*/

Morate samo unijeti svoje Instagram ime u gornje polje.

Korak 9: Konačna kompilacija

Nakon sastavljanja i učitavanja vidjet ćete svoju statistiku za Youtube, Facebook i Instagram kontinuirano uzastopno na TFT -u.