Contador de mídia social com ESP8266 e TFT: 10 etapas
Contador de mídia social com ESP8266 e TFT: 10 etapas

Índice:

Anonim
Contador de mídia social com ESP8266 e TFT
Contador de mídia social com ESP8266 e TFT
Contador de mídia social com ESP8266 e TFT
Contador de mídia social com ESP8266 e TFT
Contador de mídia social com ESP8266 e TFT
Contador de mídia social com ESP8266 e TFT

Este instrutível mostrará como fazer um contador de mídia social baseado no ESP8266 e um TFT colorido para montagem na parede superior.

Este contador de mídia social exibirá informações sobre sua conta do Facebook, Instagram e Youtube continuamente em sucessão.

Etapa 1: Ferramentas e materiais

Ferramentas e Materiais
Ferramentas e Materiais
Ferramentas e Materiais
Ferramentas e Materiais

Lista de materiais:

  • NodeMCU V2 Amica ou Wemos D1 mini
  • ArduiTouch ESP kit

Ferramentas:

  • ferro de solda
  • Chave de fenda
  • alicate de corte lateral
  • svoltmeter (opcional)

Programas:

IDE Arduino

Etapa 2: Montagem do conjunto Arduitouch

Montagem do conjunto Arduitouch
Montagem do conjunto Arduitouch

Você deve montar o kit ArduiTouch primeiro. Por favor, dê uma olhada no manual de construção incluso.

Etapa 3: instalação de bibliotecas adicionais

O firmware foi escrito sob o IDE Arduino. Siga as instruções para preparação do Arduino IDE para ESP8266:

Você precisará de algumas bibliotecas adicionais. Instale as seguintes bibliotecas por meio do Arduino Library Manager

Biblioteca Adafruit GFX

Biblioteca Adafruit ILI9341

XPT2046_Touchscreen por Paul Stoffregen

ArduinoJson

JsonStreamingParser

InstagramStats

YoutubeAPI

Você também pode fazer o download da biblioteca diretamente como um arquivo ZIP e descompactar a pasta em yourarduinosketchfolder / libraries / Após instalar as bibliotecas Adafruit, reinicie o Arduino IDE.

Etapa 4: Firmware

Baixe o código de amostra e abra-o no IDE do Arduino. Antes da compilação, você deve adicionar alguns dados individuais - veja os próximos passos …

Etapa 5: Preparação para WiFi

/ * _ Definir WiFi _ * /

// # define WIFI_SSID "xxxxxx" // Insira seu SSID aqui

// # define WIFI_PASS "xxxxx" // Digite sua senha WiFi aqui #define WIFI_HOSTNAME "Social_Counter" #define PORTA 5444 #define WIFICLIENT_MAX_PACKET_SIZE 100 / * _ Fim das definições WiFi _ * /

Digite seu SSID WiFi e senha nos campos da seção WiFi

Etapa 6: Preparação do Facebook

/ * _ Definir configuração do 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 fingerprint const char * facebookGraphFingerPrint = "YOUR_FINGER_PRINT"; / * _ Fim da configuração do Facebook _ * /

  • Siga as etapas [nesta página] (https://developers.facebook.com/docs/pages/getting-started) para criar um aplicativo
  • Depois que o aplicativo for criado, vá para o explorador gráfico.
  • No canto superior direito, altere o aplicativo para o novo que você criou
  • Clique em "Obter token" e, em seguida, clique em "Obter token de acesso do usuário"
  • Marque a opção "User_Friends", clique em obter token de acesso e autentique o aplicativo com sua conta.
  • A chave que aparece na barra pode ser usada com a biblioteca.
  • Clique em [este link] (https://developers.facebook.com/apps),
  • clique no aplicativo que você criou. Seu ID e segredo do consumidor estão disponíveis nesta página. Você precisará disso para estender sua chave de API, o que pode ser feito usando a biblioteca

Etapa 7: Preparação para o Youtube

/ * _ Definir configuração do Youtube _ * /

#define API_KEY "YOUR_API_KEY" // seu token de API do Google Apps

#define CHANNEL_ID "YOUR_CHANNEL_ID" // compõe a url do canal / * _ Fim da configuração do Youtube _ * /

É necessário criar uma chave de API do Google Apps:

  • Crie um aplicativo [aqui] (https://console.developers.google.com)
  • Na seção Gerenciador de API, vá para "Credenciais" e crie uma nova chave de API
  • Ative seu aplicativo para comunicar a API do YouTube [aqui] (https://console.developers.google.com/apis/api/youtube)
  • Certifique-se de que o seguinte URL funciona para você em seu navegador (altere a chave no final!):

Etapa 8: Preparação para o Instagram

/ * _ Definir configuração do Instagram _ * /

String Instagram_userName = "YOUR_USERNAME"; // do url do instagram

/ * _ Fim da configuração do Youtube _ * /

Você só precisa inserir seu nome do Instagram no campo acima.

Etapa 9: Compilação final

Após a compilação e o upload, você verá suas estatísticas do Youtube, Facebook e Instagram continuamente em sucessão no TFT.