Taula de continguts:

Recompte de fans de Facebook: 5 passos (amb imatges)
Recompte de fans de Facebook: 5 passos (amb imatges)

Vídeo: Recompte de fans de Facebook: 5 passos (amb imatges)

Vídeo: Recompte de fans de Facebook: 5 passos (amb imatges)
Vídeo: Беслан. Помни / Beslan. Remember (english & español subs) 2024, De novembre
Anonim
Recompte de fans de Facebook
Recompte de fans de Facebook

Actualització: 26.09.2019: el temps passa i els canvis tecnològics. Des que vaig crear aquest projecte, Facebook ha canviat les seves API i la seva configuració. Per tant, el pas per crear una APP de Facebook ha caducat. Avui ja no tinc accés ni oportunitat de seguir aquest pas. Tot i això, deixo aquest tutorial com a inspiració per crear alguna cosa similar, tot i que ha caducat. Bona sort amb els vostres projectes i deixeu un comentari si heu fet alguna cosa similar.

Inspirat en el comptador de subscriptors de YouTube de Becky Stern, volia mostrar el nombre d’agradats per a una pàgina de Facebook. El meu objectiu amb aquest projecte era fer ressaltar el nombre de fans d’una pàgina de Facebook. No ningú, sinó un que administro. Per codificar C no és el meu camp, així que vaig començar amb moltes proves i errors. Però va acabar amb un resultat que va funcionar.

Això és el que necessiteu per a aquest projecte:

Programari

APP de Facebook

Empremta digital de Facebook

ID Arduino

Llibres per a Arduino IDE

WIFI ESP8266

Pantalla de set segments

JSON

Maquinari

Ikea Ribba 000.783.34 (o un altre marc per contenir el projecte)

NodeMCU (mini)

Mostra

Eines

Eina rotativa o alguna cosa per fer un forat quadrat a la placa posterior del marc.

Pas 1: creeu l'aplicació Facebook

Crea l'aplicació Facebook
Crea l'aplicació Facebook
Crea l'aplicació Facebook
Crea l'aplicació Facebook

Això es pot fer a desenvolupadors.facebook.com. Un cop creada l’APP, tingueu en compte l’identificador de l’aplicació i el secret de l’aplicació. Ho necessitareu al codi.

Voleu provar l'accés a la vostra APP? Dirigiu-vos a

Introduïu el següent: AAA? Access_token = BBB | CCC i camps = nombre_fans

  • AAA = Identificador o nom de la pàgina de Facebook,
  • BBB = Identificador de l'aplicació
  • CCC = Secret d'aplicacions

Tingueu en compte el | (canalització) entre ID de l'aplicació i App Secret.

Pas 2: maquinari: electrònica

Maquinari - Electrònica
Maquinari - Electrònica

Ara passa a la part divertida. He utilitzat un NodeMCU Mini. Estan disponibles en diverses varietats i rangs de preus en diverses botigues en línia i a eBay. Hi va haver dos motius pels quals vaig triar un mini. El primer motiu va ser que ja en tenia un de tirat al calaix. L'altre motiu era que és petit i ocupa poc espai en un marc de fotos.

Vaig comprar una pantalla formada per quatre segments muntats en una placa electrònica, de manera que només necessito fer servir quatre dels IO de NoceMCUen.

NOTA: NodeMCU només té sortida de 3,3 V, mentre que la pantalla tindrà preferiblement 5 V. Funcionarà amb 3,3 V però s’encendrà lleugerament. Afortunadament, per a mi, el meu NodeMCU proporciona sortides de 5V mitjançant VIN.

Com podeu veure a la meva imatge una mica borrosa, el VIN, el VCC i el pin de dades estan alineats. Això significa que no necessito cables entre el NodeMCU i la pantalla. Simplement feu lliscar els taulers i afegiu una mica de soldadura.

  • VIN 5V
  • GND GND
  • D4 DIO
  • D3 CLK

Exempció de responsabilitat: No em faig responsable de connectar el vostre equip junt ni dels danys que puguin produir-se si seguiu el meu exemple. Afortunadament, aquesta configuració sembla que funciona.

Pas 3: Maquinari: marc

Maquinari: marc
Maquinari: marc
Maquinari: marc
Maquinari: marc
Maquinari: marc
Maquinari: marc

Vaig comprar un Ikea Ribba 000.783.34. El motiu pel qual he comprat aquest marc és que té un marc profund. Aleshores puc ajustar fàcilment la pantalla i l’electrònica.

La imatge superior mostra que he fet forats per a la pantalla. He fet una plantilla que he adjuntat a la placa posterior i he marcat on volia tenir la pantalla. Després vaig fer servir una eina rotativa per fer el forat.

El següent pas va ser ajustar la ubicació de la pantalla i fer-la el més brillant possible a través del paper del davant. Com és probable que entengueu, no vaig començar amb el marc en si. Perquè seria inútil construir una pantalla en un marc si no tingués un número per mostrar.

Després d’haver creat una APP de Facebook, em vaig haver de situar en un món una mica desconegut. No sé molt sobre la programació de C ++. Però va acabar amb un resultat satisfactori després de moltes proves i errors.

Pas 4: Programari: Arduino Libaries

WIFI: Per connectar-nos a xarxes sense fils, necessitem una biblioteca per a ESP8266. Si no ho teniu abans, aneu aquí https://github.com/esp8266/Arduino i seguiu els passos per afegir-lo a Arduino IDE.

Pantalla: la següent biblioteca és per a la pantalla de set segments. Baixeu la biblioteca SevenSegmentTM1637 Arduino de https://github.com/bremme/arduino-tm1637 He provat diverses biblioteques diferents per a la visualització. Aquest va ser el primer que vaig trobar que funcionava amb el meu tauler de visualització.

JSON: La darrera biblioteca és per gestionar dades JSON de Facebook. Descarregueu ArduinoJson - Biblioteca JSON C ++ per a IoT des de

Empremta digital de Facebook: per connectar-nos a Facebook també necessitem una empremta digital. En lloc d’intentar-vos explicar-ho, us recomano fer una ullada a la documentació

Pas 5: Programari: codi

Baixeu-vos el codi aquí:

  • AAA = Identificador o nom de la pàgina de Facebook
  • BBB = Identificador de l'aplicació de Facebook
  • CCC = Secret d'aplicacions
  • DDD = Empremta digital

Recomanat: