Índice:
2025 Autor: John Day | [email protected]. Última modificação: 2025-01-13 06:58
Atualização: 26.09.2019 - O tempo voa e as mudanças de tecnologia. Desde que criei este projeto, o Facebook mudou suas APIs e configuração de APP. Portanto, a etapa de criação de um APP do Facebook expirou. Hoje não tenho mais acesso ou oportunidade de acompanhar esta etapa. Mesmo assim, deixo este tutorial como inspiração para criar algo semelhante, mesmo que já tenha expirado. Boa sorte com seus projetos e deixe um comentário se você fez algo semelhante.
Inspirado no contador de assinantes do YouTube de Becky Stern, eu queria fazer uma exibição do número de curtidas em uma página do Facebook. Meu objetivo com este projeto era trazer à tona o número de fãs de uma página do Facebook. Não qualquer um, mas um que eu administro. Codificar C não é meu campo, então comecei com muitas tentativas e erros. Mas acabou com um resultado que funcionou.
Isso é o que você precisa para este projeto:
Programas
APP do Facebook
Impressão digital do Facebook
Arduino IDE
Libaries para Arduino IDE
WIFI ESP8266
Display de sete segmentos
JSON
Hardware
Ikea Ribba 000.783.34 (ou outro quadro para conter o projeto)
NodeMCU (mini)
Exibir
Ferramentas
Ferramenta rotativa ou algo para fazer um furo quadrado na placa traseira do quadro.
Etapa 1: crie o aplicativo do Facebook
Isso pode ser feito em developers.facebook.com. Depois que o aplicativo for criado, anote o ID do aplicativo e o segredo do aplicativo. Você precisará disso no código.
Quer testar o acesso do seu APP? Acesse
Digite o seguinte: AAA? Access_token = BBB | CCC & fields = fan_count
- AAA = nome ou ID da página do Facebook,
- BBB = ID do aplicativo
- CCC = Segredo do aplicativo
Observe o | (tubo) entre o ID do aplicativo e o segredo do aplicativo.
Etapa 2: Hardware - Eletrônicos
Agora vamos à parte divertida. Eu usei um NodeMCU Mini. Eles estão disponíveis em várias variedades e faixas de preço em uma variedade de lojas online e no eBay. Eu escolhi um mini por dois motivos. O primeiro motivo era que eu já tinha um mentiroso na gaveta. O outro motivo é que ele é pequeno e ocupa pouco espaço em um porta-retrato.
Comprei um display que consiste em quatro segmentos montados em uma placa de eletrônicos, então só preciso usar quatro dos IOs do NoceMCUen.
NOTA: NodeMCU tem apenas saída de 3,3 V enquanto o display terá, preferencialmente, 5 V. Ele funcionará com 3,3 V, mas acenderá um pouco. Felizmente para mim, meu NodeMCU fornece saídas de 5 V via VIN.
Como você pode ver na minha imagem um pouco borrada, o VIN, VCC e o pino de dados estão alinhados. Isso significa que não preciso de nenhum fio entre o NodeMCU e o monitor. Basta deslizar as placas juntas e adicionar um pouco de solda.
- VIN 5V
- GND GND
- D4 DIO
- D3 CLK
Isenção de responsabilidade: Não me responsabilizo por conectar seu equipamento e por quaisquer danos que possam ocorrer em seu equipamento se você seguir meu exemplo. Felizmente, essa configuração parece funcionar.
Etapa 3: Hardware - Quadro
Comprei um Ikea Ribba 000.783,34. A razão pela qual comprei esta moldura é que ela tem uma moldura profunda. Então, posso ajustar facilmente a tela e os componentes eletrônicos.
A imagem acima mostra que fiz furos para a tela. Fiz um modelo que anexei à placa traseira e marquei onde gostaria de colocar a tela. Então usei uma ferramenta rotativa para fazer o furo.
A próxima etapa foi ajustar o posicionamento da tela e torná-la o mais brilhante possível através do papel na frente. Como você provavelmente deve entender, não comecei com o quadro em si. Pois seria inútil construir um display em uma moldura se eu não tivesse um número para mostrar.
Depois de criar um APP do Facebook, tive que me colocar em um mundo um tanto desconhecido. Não sei muito sobre programação em C ++. Mas acabou com um resultado satisfatório após muitas tentativas e erros.
Etapa 4: Software - Arduino Libaries
WIFI: para se conectar a redes sem fio, precisamos de uma biblioteca para ESP8266. Se você não tiver isso antes, acesse https://github.com/esp8266/Arduino e siga as etapas para adicioná-lo ao IDE do Arduino.
Visor: A próxima biblioteca é para o visor de sete segmentos. Baixe a biblioteca do Arduino SevenSegmentTM1637 em https://github.com/bremme/arduino-tm1637. Tentei várias bibliotecas diferentes para a exibição. Este foi o primeiro que encontrei que funcionava com meu painel de exibição.
JSON: a última biblioteca é para lidar com dados JSON do Facebook. Baixe ArduinoJson - biblioteca C ++ JSON para IoT em
Impressão digital do Facebook: para se conectar ao Facebook, também precisamos de uma impressão digital. Em vez de tentar explicar isso a você, recomendo dar uma olhada na documentação
Etapa 5: Software - Código
Baixe o código aqui:
- AAA = ID da página do Facebook ou nome
- BBB = Facebook App ID
- CCC = Segredo do aplicativo
- DDD = impressão digital