
Innehållsförteckning:
2025 Författare: John Day | [email protected]. Senast ändrad: 2025-01-23 15:11

Uppdatering: 26.09.2019 - Tiden går fort och teknikförändringar. Sedan jag skapade det här projektet har Facebook ändrat sina API: er och APP -inställningar. Så steget att skapa en Facebook -APP har gått ut. Idag har jag inte längre tillgång eller möjlighet att följa upp detta steg. Ändå lämnar jag denna handledning som en inspiration för att skapa något liknande, även om det har gått ut. Lycka till med dina projekt och lämna en kommentar om du har gjort något liknande.
Inspirerad av Becky Sterns YouTube -prenumeranträknare ville jag visa antalet likes för en Facebook -sida. Mitt mål med detta projekt var att få fram antalet fans från en Facebook -sida. Inte någon utan jag administrerar. Att koda C är inte mitt fält så jag började med en hel del försök och fel. Men slutade med ett resultat som fungerade.
Detta är vad du behöver för det här projektet:
programvara
Facebook APP
Facebooks fingeravtryck
Arduino IDE
Libaries för Arduino IDE
WIFI ESP8266
Sju segmentvisning
JSON
Hårdvara
Ikea Ribba 000.783.34 (eller annan ram för projektet)
NodeMCU (mini)
Visa
Verktyg
Roterande verktyg eller något för att göra ett fyrkantigt hål i ramens bakplatta.
Steg 1: Skapa Facebook -APP


Detta kan göras på developers.facebook.com. När appen har skapats noterar du app -ID och apphemlighet. Du behöver detta i koden.
Vill du testa åtkomsten för din APP? Gå till
Ange följande: AAA? Access_token = BBB | CCC & fields = fan_count
- AAA = Facebook -sid -ID eller namn,
- BBB = App -ID
- CCC = App Secret
Observera | (rör) mellan App -ID och App Secret.
Steg 2: Hårdvara - Elektronik

Nu över till den roliga delen. Jag har använt en NodeMCU Mini. Dessa finns i olika varianter och prisklasser i en mängd onlinebutiker och på eBay. Det var två anledningar till att jag valde en mini. Den första anledningen var att jag redan hade en liggande i min låda. Den andra anledningen var att den är liten och tar liten plats i en bildram.
Jag köpte en bildskärm bestående av fyra segment monterade på en elektronikkort, så jag behöver bara använda fyra av NoceMCUens IO: er.
OBS: NodeMCU har bara 3,3V utgång medan displayen helst kommer att ha 5V. Den fungerar med 3,3V men tänds något. Lyckligtvis för mig ger min NodeMCU 5V -utgångar via VIN.
Som du kan se på min något suddiga bild är VIN, VCC och datastift inriktade. Det betyder att jag inte behöver några ledningar mellan NodeMCU och displayen. Skjut bara ihop brädorna och lägg till lite lödning.
- VIN 5V
- GND GND
- D4 DIO
- D3 CLK
Ansvarsfriskrivning: Jag tar inte ansvar för att ansluta din utrustning och eventuella skador som kan uppstå på din utrustning om du följer mitt exempel. Lyckligtvis verkar denna inställning fungera mig.
Steg 3: Hårdvara - ram



Jag köpte en Ikea Ribba 000.783.34. Anledningen till att jag köpte den här ramen är att den har en djup ram. Då kan jag enkelt montera displayen och elektroniken.
Bilden ovan visar att jag har gjort hål för displayen. Jag gjorde en mall som jag fäst på bakplattan och markerade var jag ville ha displayen. Sedan använde jag ett roterande verktyg för att göra hålet.
Nästa steg var att justera placeringen av skärmen och göra den så ljus som möjligt genom papperet framför. Som du säkert förstår började jag inte med själva ramen. För det vore värdelöst att bygga en bildskärm i en ram om jag inte hade ett nummer att visa.
Efter att jag hade skapat en Facebook -APP, var jag tvungen att sätta mig in i en lite okänd värld. Jag kan inte mycket om programmering av C ++. Men slutade med ett tillfredsställande resultat efter mycket försök och fel.
Steg 4: Programvara - Arduino Libaries
WIFI: För att kunna ansluta till trådlösa nätverk behöver vi ett bibliotek för ESP8266. Om du inte har detta tidigare, gå hit https://github.com/esp8266/Arduino och följ stegen för att lägga till det i Arduino IDE.
Display: Nästa bibliotek är för sju segmentvisning. Ladda ner SevenSegmentTM1637 Arduino-biblioteket från https://github.com/bremme/arduino-tm1637 Jag provade flera olika bibliotek för displayen. Den här var den första jag hittade som fungerade med mitt displaykort.
JSON: Det sista biblioteket är för hantering av JSON-data från Facebook. Ladda ner ArduinoJson - C ++ JSON -bibliotek för IoT från
Facebook -fingeravtryck: För att ansluta till Facebook behöver vi också ett fingeravtryck. Istället för att försöka förklara detta för dig rekommenderar jag att du tittar på dokumentationen
Steg 5: Programvara - kod
Ladda ner koden här:
- AAA = Facebook -sid -ID eller namn
- BBB = Facebook -app -ID
- CCC = App Secret
- DDD = Fingeravtryck
Rekommenderad:
Ta fantastiska bilder med en iPhone: 9 steg (med bilder)

Ta fantastiska bilder med en iPhone: De flesta av oss har en smartphone med oss överallt nuförtiden, så det är viktigt att veta hur du använder din smartphone -kamera för att ta fantastiska bilder! Jag har bara haft en smartphone i ett par år, och jag har älskat att ha en bra kamera för att dokumentera saker jag
Hur: Installera Raspberry PI 4 Headless (VNC) med Rpi-imager och bilder: 7 steg (med bilder)

Hur: Installera Raspberry PI 4 Headless (VNC) med Rpi-imager och bilder: Jag planerar att använda denna Rapsberry PI i ett gäng roliga projekt tillbaka i min blogg. Kolla gärna in det. Jag ville börja använda mitt Raspberry PI men jag hade inte ett tangentbord eller en mus på min nya plats. Det var ett tag sedan jag installerade en hallon
Hur man digitaliserar bilder och filmnegativ med en DSLR: 12 steg (med bilder)

Hur man digitaliserar diabilder och filmnegativ med en DSLR: En mångsidig och stabil inställning för digitalisering av diabilder och negativ med en DSLR eller en kamera med ett makroalternativ. Denna instruerbara är en uppdatering av Hur man digitaliserar 35 mm negativ (uppladdad juli 2011) med flera förbättringar för att utöka dess
Snabbguiden för att göra en video med din iPhone och ladda upp den till Facebook eller YouTube: 9 steg

Snabbguiden för att göra en video med din iPhone och ladda upp den till Facebook eller YouTube: Använd denna enkla 5 -stegsprocess (Instructables får det att se ut som fler steg än det faktiskt är) för att skapa och ladda upp din första YouTube- eller Facebook -video - med bara din iPhone
Hur man tar isär en dator med enkla steg och bilder: 13 steg (med bilder)

Hur man tar isär en dator med enkla steg och bilder: Detta är en instruktion om hur man demonterar en dator. De flesta av de grundläggande komponenterna är modulära och lätt att ta bort. Det är dock viktigt att du är organiserad kring det. Detta hjälper dig att inte förlora delar, och även för att göra ommonteringen