Social Media Counter Med ESP8266 och TFT: 10 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:45

Denna instruerbara kommer att visa dig hur du gör en social media -räknare baserad på ESP8266 och en färg TFT för väggmontering.

Denna räknare för sociala medier kommer att visa information om ditt Facebook-, Instagram- och Youtube -konto kontinuerligt i följd.

Steg 1: Verktyg och material

Materialräkning:

• NodeMCU V2 Amica eller Wemos D1 mini
• ArduiTouch ESP -kit

Verktyg:

• lödkolv
• skruvmejsel
• sidotång
• svoltmeter (valfritt)

Programvara:

Arduino IDE

Steg 2: Montering av Arduitouch -set

Du måste montera ArduiTouch -kitet först. Ta en titt i den medföljande konstruktionsmanualen.

Steg 3: Installation av ytterligare bibliotek

Firmware skrevs under Arduino IDE. Följ denna instruktion för att förbereda Arduino IDE för ESP8266:

Du behöver några ytterligare bibliotek. Installera följande bibliotek via Arduino Library Manager

Adafruit GFX Library

Adafruit ILI9341 bibliotek

XPT2046_Touchscreen av Paul Stoffregen

ArduinoJson

JsonStreamingParser

InstagramStats

YoutubeAPI

Du kan också ladda ner biblioteket direkt som ZIP -fil och packa upp mappen under dinarduinosketchfolder/ bibliotek/ Efter att ha installerat Adafruit -biblioteken, starta om Arduino IDE.

Steg 4: Firmware

Ladda ner provkoden och öppna den i Arduino IDE. Innan kompilering måste du lägga till några individuella data - se nästa steg …

Steg 5: Förberedelse för WiFi

/*_ Definiera WiFi _*/

//#definiera WIFI_SSID "xxxxxx" // Ange ditt SSID här

// #definiera WIFI_PASS "xxxxx" // Ange ditt WiFi -lösenord här #define WIFI_HOSTNAME "Social_Counter" #define PORT 5444 #define WIFICLIENT_MAX_PACKET_SIZE 100/*_ Slut på WiFi -definitioner _*/

Ange ditt WiFi -SSID och lösenord i fälten i avsnittet WiFi

Steg 6: Förberedelse av Facebook

/*_ Definiera Facebook -konfiguration _*/

#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 fingeravtryck const char* facebookGraphFingerPrint = "YOUR_FINGER_PRINT"; /*_ Slutet på Facebook -konfigurationen _*/

• Följ stegen på [den här sidan] (https://developers.facebook.com/docs/pages/getting-started) för att skapa en APP
• När appen har skapats går du till grafutforskaren.
• Upptill till höger ändrar du programmet till det nya som du skapade
• Klicka på "Get Token" och klicka sedan på "Get User Access Token"
• Markera alternativet "User_Friends", klicka på get access token och autentiserade applikationen med ditt konto.
• Nyckeln som visas i fältet kan användas med biblioteket.
• Klicka på [den här länken] (https://developers.facebook.com/apps),
• klicka på appen du skapade. Ditt konsument -ID och konsumenthemlighet finns på denna sida. Du kommer att behöva detta för att utöka din API -nyckel, som du kan göra med biblioteket

Steg 7: Förberedelse för Youtube

/*_ Definiera Youtube -konfiguration _*/

#define API_KEY "YOUR_API_KEY" // din Google Apps API -token

#define CHANNEL_ID "YOUR_CHANNEL_ID" // utgör kanalens webbadress /*_ Slut på Youtube -konfiguration _* /

Det behövs för att skapa en Google Apps API -nyckel:

• Skapa ett program [här] (https://console.developers.google.com)
• I avsnittet API Manager går du till "Credentials" och skapar en ny API -nyckel
• Aktivera din ansökan för att kommunicera YouTube Api [här] (https://console.developers.google.com/apis/api/youtube)
• Se till att följande URL fungerar för dig i din webbläsare (Ändra nyckeln i slutet!):

Steg 8: Förberedelse för Instagram

/*_ Definiera Instagram -konfiguration _*/

String Instagram_userName = "YOUR_USERNAME"; // från deras instagram -url

/*_ Slutet på Youtube -konfigurationen _*/

Du behöver bara ange ditt Instagram -namn i fältet ovan.

Steg 9: Slutlig sammanställning

Efter sammanställning och uppladdning ser du din Youtube-, Facebook- och Instagram -statistik kontinuerligt i följd på TFT.