Contador de redes sociales con ESP8266 y TFT: 10 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:43

Este instructivo le mostrará cómo hacer un contador de redes sociales basado en ESP8266 y un TFT a color para el montaje en la pared superior.

Este contador de redes sociales mostrará información sobre su cuenta de Facebook, Instagram y Youtube continuamente en sucesión.

Paso 1: herramientas y materiales

Lista de materiales:

• NodeMCU V2 Amica o Wemos D1 mini
• Kit ArduiTouch ESP

Instrumentos:

• soldador
• destornillador
• alicates de corte lateral
• voltímetro (opcional)

Software:

IDE de Arduino

Paso 2: Montaje del conjunto Arduitouch

Primero debe ensamblar el kit ArduiTouch. Consulte el manual de construcción adjunto.

Paso 3: instalación de bibliotecas adicionales

El firmware se escribió bajo el IDE de Arduino. Siga estas instrucciones para la preparación del IDE de Arduino para ESP8266:

Necesitará algunas bibliotecas adicionales. Instale las siguientes bibliotecas a través de Arduino Library Manager

Biblioteca Adafruit GFX

Biblioteca Adafruit ILI9341

XPT2046_Pantalla táctil de Paul Stoffregen

ArduinoJson

JsonStreamingParser

InstagramStats

YoutubeAPI

También puede descargar la biblioteca también directamente como archivo ZIP y descomprimir la carpeta debajo de su carpeta / bibliotecas de bocetos de arduino / Después de instalar las bibliotecas de Adafruit, reinicie el IDE de Arduino.

Paso 4: firmware

Descargue el código de muestra y ábralo en el IDE de Arduino. Antes de la compilación, debe agregar algunos datos individuales; consulte los siguientes pasos …

Paso 5: preparación para WiFi

/ * _ Definir WiFi _ * /

// # define WIFI_SSID "xxxxxx" // Ingresa tu SSID aquí

// # define WIFI_PASS "xxxxx" // Ingresa tu contraseña de WiFi aquí #define WIFI_HOSTNAME "Social_Counter" #define PORT 5444 #define WIFICLIENT_MAX_PACKET_SIZE 100 / * _ Fin de las definiciones de WiFi _ * /

Ingrese su SSID WiFi y contraseña en los campos de la sección WiFi

Paso 6: preparación de Facebook

/ * _ Definir la configuración de 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 Huella digital SHA1 const char * facebookGraphFingerPrint = "YOUR_FINGER_PRINT"; / * _ Fin de la configuración de Facebook _ * /

• Siga los pasos en [esta página] (https://developers.facebook.com/docs/pages/getting-started) para crear una APLICACIÓN
• Una vez creada la aplicación, vaya al explorador de gráficos.
• Arriba a la derecha, cambia la aplicación a la nueva que creaste
• Haga clic en "Obtener token" y luego en "Obtener token de acceso de usuario".
• Marque la opción "User_Friends", haga clic en obtener token de acceso y autentique la aplicación con su cuenta.
• La clave que aparece en la barra se puede utilizar con la biblioteca.
• Haga clic en [este enlace] (https://developers.facebook.com/apps),
• haga clic en la aplicación que creó. Su identificación de consumidor y su secreto de consumidor están disponibles en esta página. Necesitará esto para extender su clave API, lo que puede hacer usando la biblioteca

Paso 7: preparación para Youtube

/ * _ Definir la configuración de Youtube _ * /

#define API_KEY "YOUR_API_KEY" // tu token de API de Google Apps

#define CHANNEL_ID "YOUR_CHANNEL_ID" // crea la URL del canal / * _ Fin de la configuración de Youtube _ * /

Es necesario para crear una clave API de Google Apps:

• Cree una aplicación [aquí] (https://console.developers.google.com)
• En la sección Administrador de API, vaya a "Credenciales" y cree una nueva clave de API.
• Habilite su aplicación para comunicar la API de YouTube [aquí] (https://console.developers.google.com/apis/api/youtube)
• Asegúrese de que la siguiente URL funcione para usted en su navegador (¡cambie la clave al final!):

Paso 8: preparación para Instagram

/ * _ Definir la configuración de Instagram _ * /

String Instagram_userName = "YOUR_USERNAME"; // de su URL de Instagram

/ * _ Fin de la configuración de Youtube _ * /

Solo tiene que ingresar su nombre de Instagram en el campo de arriba.

Paso 9: Compilación final

Después de la compilación y la carga, verá sus estadísticas de Youtube, Facebook e Instagram continuamente en sucesión en el TFT.