Facebook -aanhanger: 5 stappe (met foto's)

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:25

Opdatering: 26.09.2019 - Tyd vlieg en tegnologie verander. Sedert ek hierdie projek geskep het, het Facebook sy API's en APP -opstelling verander. Die stap om 'n Facebook -APP te skep, is dus verby. Vandag het ek nie meer toegang of geleentheid om hierdie stap op te volg nie. Tog laat ek hierdie tutoriaal as 'n inspirasie om iets soortgelyks te skep, alhoewel dit verstryk het. Sterkte met jou projekte en lewer 'n opmerking as jy iets soortgelyks gemaak het.

Geïnspireer deur Becky Stern se YouTube Subscriber Counter, wou ek die aantal likes vir 'n Facebook -bladsy vertoon. My doel met hierdie projek was om die aantal aanhangers van 'n Facebook -bladsy te haal. Ek administreer nie een nie, maar een. Om C te kodeer is nie my veld nie, so ek het begin met baie proef en fout. Maar eindig met 'n resultaat wat gewerk het.

Dit is wat u nodig het vir hierdie projek:

Sagteware

Facebook APP

Facebook-vingerafdruk

Arduino IDE

Libaries vir Arduino IDE

WIFI ESP8266

Sewe segment vertoon

JSON

Hardeware

Ikea Ribba 000.783.34 (of 'n ander raam om die projek te hou)

NodeMCU (mini)

Wys

Gereedskap

Roterende gereedskap of iets om 'n vierkantige gat in die agterplaat van die raam te maak.

Stap 1: Skep Facebook -APP

Dit kan gedoen word by developers.facebook.com. Let op die app -ID en appgeheim nadat die app geskep is. U benodig dit in die kode.

Wil u die toegang vir u APP toets? Gaan na

Voer die volgende in: AAA? Access_token = BBB | CCC & fields = fan_count

• AAA = Facebook -bladsy -ID of naam,
• BBB = App -ID
• CCC = App Secret

Let op die | (pyp) tussen App ID en App Secret.

Stap 2: Hardeware - elektronika

Nou oor na die lekker deel. Ek het 'n NodeMCU Mini gebruik. Dit is beskikbaar in verskillende soorte en prysklasse in 'n verskeidenheid aanlynwinkels en op eBay. Daar was twee redes waarom ek 'n mini gekies het. Die eerste rede was dat ek reeds 'n lê in my laai gehad het. Die ander rede was dat dit klein is en min ruimte in beslag neem in 'n raam.

Ek het 'n skerm gekoop wat bestaan uit vier segmente wat op 'n elektroniese bord gemonteer is, en ek hoef slegs vier van NoceMCUen se IO's te gebruik.

OPMERKING: NodeMCU het slegs 3.3V -uitset, terwyl die skerm verkieslik 5V sal hê. Dit werk met 3.3V, maar sal effens lig. Gelukkig gee my NodeMCU 5V uitsette via VIN.

Soos u kan sien op my ietwat vaag beeld, is die VIN, VCC en dataspeld in lyn. Dit beteken dat ek geen drade tussen die NodeMCU en die skerm nodig het nie. Skuif die planke net bymekaar en voeg soldeer by.

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

Disclaimer: Ek neem nie die verantwoordelikheid vir die koppeling van u toerusting en die skade wat aan u toerusting kan ontstaan as u my voorbeeld volg nie. Gelukkig lyk dit of hierdie opset my werk.

Stap 3: Hardeware - raam

Ek het 'n Ikea Ribba 000.783.34 gekoop. Die rede waarom ek hierdie raam gekoop het, is omdat dit 'n diep raam het. Dan pas ek maklik die skerm en die elektronika.

Die foto hierbo toon dat ek gate vir die skerm gemaak het. Ek het 'n sjabloon gemaak wat ek op die agterplaat geheg het en gemerk het waar ek die skerm wou hê. Toe gebruik ek 'n roterende gereedskap om die gat te maak.

Die volgende stap was om die posisie van die skerm aan te pas en dit so helder as moontlik deur die voorkant van die papier te maak. Soos u waarskynlik verstaan, het ek nie met die raam self begin nie. Want dit sou nutteloos wees om 'n skerm in 'n raam te bou as ek nie 'n nommer gehad het nie.

Nadat ek 'n Facebook -APP geskep het, moes ek myself in 'n ietwat onbekende wêreld plaas. Ek weet nie veel oor die programmering van C ++ nie. Maar eindig met 'n bevredigende resultaat na baie proef en fout.

Stap 4: Sagteware - Arduino Libaries

WIFI: Om verbinding te maak met draadlose netwerke, benodig ons 'n biblioteek vir ESP8266. As u dit nog nie voorheen het nie, gaan dan na https://github.com/esp8266/Arduino en volg die stappe om dit by Arduino IDE te voeg.

Display: Die volgende biblioteek is vir die sewe segment vertoon. Laai die SevenSegmentTM1637 Arduino-biblioteek af van https://github.com/bremme/arduino-tm1637 Ek het verskillende biblioteke vir die vertoning probeer. Hierdie een was die eerste wat ek gevind het wat saam met my vertoonbord werk.

JSON: Die laaste biblioteek is vir die hantering van JSON-data vanaf Facebook. Laai ArduinoJson - C ++ JSON -biblioteek vir IoT af vanaf

Facebook -vingerafdruk: Om 'n verbinding met Facebook te kry, benodig ons ook 'n vingerafdruk. In plaas daarvan om dit aan u te probeer verduidelik, beveel ek aan dat u na die dokumentasie kyk

Stap 5: Sagteware - Kode

Laai die kode hier af:

• AAA = Facebook -bladsy -ID of naam
• BBB = Facebook -app -ID
• CCC = App Secret
• DDD = vingerafdruk