Facebook Fan Count: 5 stappen (met afbeeldingen)

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:16

Update: 26.09.2019 - De tijd vliegt en de technologie verandert. Sinds ik dit project heb gemaakt, heeft Facebook zijn API's en APP-configuratie gewijzigd. Dus de stap om een Facebook APP te maken is verlopen. Vandaag heb ik geen toegang of mogelijkheid meer om deze stap op te volgen. Toch verlaat ik deze tutorial als inspiratie om iets soortgelijks te maken, ook al is het verlopen. Veel succes met je projecten en laat een reactie achter als je iets soortgelijks hebt gemaakt.

Geïnspireerd door Becky Stern's YouTube Subscriber Counter, wilde ik een weergave maken van het aantal likes voor een Facebook-pagina. Mijn doel met dit project was om het aantal fans van een Facebook-pagina naar voren te halen. Niet één maar één die ik beheer. Code C is niet mijn vakgebied, dus ik begon met veel vallen en opstaan. Maar uiteindelijk met een resultaat dat werkte.

Dit heb je nodig voor dit project:

Software

Facebook-APP

Facebook-vingerafdruk

Arduino IDE

Bibliotheken voor Arduino IDE

WIFI ESP8266

Zeven segment weergave

JSON

Hardware

Ikea Ribba 000.783.34 (of een ander frame voor het project)

NodeMCU (mini)

Weergeven

Gereedschap

Draaigereedschap of iets om een vierkant gat in de achterplaat van het frame te maken.

Stap 1: Maak een Facebook-APP

Dit kan op developers.facebook.com. Nadat de APP is gemaakt, noteert u de app-ID en het app-geheim. Dit heb je nodig in de code.

Wilt u de toegang voor uw APP testen? Ga naar

Voer het volgende in: AAA ?access_token= BBB | CCC &fields=fan_count

• AAA = Facebook-pagina-ID of naam,
• BBB = App-ID
• CCC = App-geheim

Let op de | (pipe) tussen App ID en App Secret.

Stap 2: Hardware – Elektronica

Nu over naar het leuke gedeelte. Ik heb een NodeMCU Mini gebruikt. Deze zijn verkrijgbaar in verschillende soorten en prijsklassen in verschillende online winkels en op eBay. Er waren twee redenen waarom ik voor een mini koos. De eerste reden was dat ik al een liggende in mijn la had liggen. De andere reden was dat het klein is en weinig ruimte inneemt in een fotolijstje.

Ik heb een display gekocht dat bestaat uit vier segmenten die op een elektronicabord zijn gemonteerd, dus ik hoef maar vier IO's van NoceMCUen te gebruiken.

OPMERKING: NodeMCU heeft slechts 3,3V-uitgang, terwijl het display bij voorkeur 5V heeft. Het werkt met 3.3V, maar licht lichtjes op. Gelukkig voor mij geeft mijn NodeMCU 5V-uitgangen via VIN.

Zoals je op mijn ietwat wazige afbeelding kunt zien, zijn de VIN, VCC en datapin uitgelijnd. Dit betekent dat ik geen draden nodig heb tussen de NodeMCU en het scherm. Schuif de planken gewoon in elkaar en voeg wat soldeerwerk toe.

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

Disclaimer: ik neem geen verantwoordelijkheid voor het met elkaar verbinden van uw apparatuur en voor eventuele schade die aan uw apparatuur kan ontstaan als u mijn voorbeeld volgt. Gelukkig lijkt deze setup te werken.

Stap 3: Hardware - Frame

Ik heb een Ikea Ribba 000.783.34 gekocht. De reden waarom ik dit frame heb gekocht is dat het een diep frame heeft. Dan kan ik gemakkelijk het display en de elektronica inbouwen.

Op de foto hierboven is te zien dat ik gaten heb gemaakt voor het display. Ik maakte een sjabloon die ik op de achterplaat bevestigde en markeerde waar ik het display wilde hebben. Daarna heb ik een roterend gereedschap gebruikt om het gat te maken.

De volgende stap was om de plaatsing van het scherm aan te passen en het zo helder mogelijk te maken door het papier aan de voorkant. Zoals je waarschijnlijk wel begrijpt ben ik niet begonnen met het frame zelf. Want het zou nutteloos zijn om een display in een frame te bouwen als ik geen nummer had om weer te geven.

Nadat ik een Facebook APP had gemaakt, moest ik mezelf in een wat onbekende wereld plaatsen. Ik weet niet veel over het programmeren van C++. Maar uiteindelijk met een bevredigend resultaat na veel vallen en opstaan.

Stap 4: Software – Arduino-bibliotheken

WIFI: om verbinding te maken met draadloze netwerken hebben we een bibliotheek nodig voor ESP8266. Als je dit nog niet eerder hebt, ga dan hier https://github.com/esp8266/Arduino en volg de stappen om het toe te voegen aan Arduino IDE.

Display: De volgende bibliotheek is voor het zevensegmentendisplay. Download de SevenSegmentTM1637 Arduino-bibliotheek van https://github.com/bremme/arduino-tm1637 Ik heb verschillende bibliotheken voor het display geprobeerd. Dit was de eerste die ik vond die werkte met mijn displaybord.

JSON: De laatste bibliotheek is voor het verwerken van JSON-gegevens van Facebook. Download ArduinoJson - C++ JSON-bibliotheek voor IoT van

Facebook-vingerafdruk: om verbinding te maken met Facebook hebben we ook een vingerafdruk nodig. In plaats van te proberen je dit uit te leggen, raad ik je aan de documentatie te bekijken

Stap 5: Software – Code

Download de code hier:

• AAA = Facebook-pagina-ID of naam
• BBB = Facebook-app-ID
• CCC = App-geheim
• DDD = Vingerafdruk