Anzahl der Facebook-Fans - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:17

Update: 26.09.2019 - Die Zeit vergeht und die Technik ändert sich. Seit ich dieses Projekt erstellt habe, hat Facebook seine APIs und das APP-Setup geändert. Der Schritt zum Erstellen einer Facebook-APP ist also abgelaufen. Heute habe ich keinen Zugang mehr und keine Möglichkeit mehr, diesen Schritt zu verfolgen. Trotzdem lasse ich dieses Tutorial als Inspiration, etwas Ähnliches zu erstellen, auch wenn es abgelaufen ist. Viel Glück bei Ihren Projekten und hinterlassen Sie einen Kommentar, wenn Sie etwas Ähnliches gemacht haben.

Inspiriert von Becky Sterns YouTube Subscriber Counter wollte ich die Anzahl der Likes für eine Facebook-Seite anzeigen. Mein Ziel mit diesem Projekt war es, die Anzahl der Fans von einer Facebook-Seite herauszuholen. Nicht irgendjemand außer einem, den ich verwalte. C zu codieren ist nicht mein Gebiet, also habe ich mit viel Versuch und Irrtum angefangen. Aber endete mit einem Ergebnis, das funktionierte.

Das brauchen Sie für dieses Projekt:

Software

Facebook-APP

Facebook-Fingerabdruck

Arduino-IDE

Bibliotheken für Arduino IDE

WIFI ESP8266

Sieben-Segment-Anzeige

JSON

Hardware

Ikea Ribba 000.783.34 (oder ein anderer Rahmen, um das Projekt zu halten)

NodeMCU (mini)

Anzeige

Werkzeuge

Drehwerkzeug oder etwas, um ein quadratisches Loch in die Rückplatte des Rahmens zu bohren.

Schritt 1: Facebook-APP erstellen

Dies kann unter developer.facebook.com erfolgen. Nachdem die APP erstellt wurde, notieren Sie sich die App-ID und das App-Geheimnis. Sie benötigen dies im Code.

Möchten Sie den Zugang für Ihre APP testen? Gehen Sie zu

Geben Sie Folgendes ein: AAA ?access_token= BBB | CCC &fields=fan_count

• AAA = Facebook-Seiten-ID oder Name,
• BBB = App-ID
• CCC = App-Geheimnis

Beachten Sie die | (Pipe) zwischen App-ID und App-Geheimnis.

Schritt 2: Hardware – Elektronik

Nun zum lustigen Teil. Ich habe eine NodeMCU Mini verwendet. Diese sind in verschiedenen Sorten und Preisklassen in diversen Online-Shops und bei eBay erhältlich. Es gab zwei Gründe, warum ich mich für einen Mini entschieden habe. Der erste Grund war, dass ich schon einen liegenden in meiner Schublade hatte. Der andere Grund war, dass es klein ist und wenig Platz in einem Bilderrahmen einnimmt.

Ich habe ein Display gekauft, das aus vier Segmenten besteht, die auf einer Elektronikplatine montiert sind, sodass ich nur vier der IOs von NoceMCUen verwenden muss.

HINWEIS: NodeMCU hat nur einen 3,3-V-Ausgang, während das Display vorzugsweise 5 V hat. Es funktioniert mit 3,3 V, leuchtet aber leicht. Zum Glück für mich gibt meine NodeMCU 5V-Ausgänge über VIN.

Wie Sie auf meinem etwas verschwommenen Bild sehen können, sind VIN, VCC und Datenpin ausgerichtet. Das bedeutet, dass ich keine Drähte zwischen der NodeMCU und dem Display benötige. Schieben Sie einfach die Platinen zusammen und fügen Sie etwas Löten hinzu.

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

Haftungsausschluss: Ich übernehme keine Verantwortung für den Anschluss Ihrer Geräte und für Schäden, die an Ihren Geräten auftreten können, wenn Sie meinem Beispiel folgen. Glücklicherweise scheint mir dieses Setup zu funktionieren.

Schritt 3: Hardware – Rahmen

Ich habe einen Ikea Ribba 000.783.34 gekauft. Der Grund, warum ich diesen Rahmen gekauft habe, ist, dass er einen tiefen Rahmen hat. Dann kann ich das Display und die Elektronik problemlos montieren.

Das Bild oben zeigt, dass ich Löcher für das Display gemacht habe. Ich machte eine Schablone, die ich an der Backplate befestigte und markierte, wo ich das Display haben wollte. Dann habe ich ein Drehwerkzeug verwendet, um das Loch zu machen.

Der nächste Schritt bestand darin, die Platzierung des Displays zu optimieren und es durch das Papier vorne so hell wie möglich zu machen. Wie Sie wahrscheinlich verstehen, habe ich nicht mit dem Rahmen selbst angefangen. Denn es wäre sinnlos, ein Display in einen Rahmen zu bauen, wenn ich keine Zahl zum Anzeigen hätte.

Nachdem ich eine Facebook APP erstellt hatte, musste ich mich in eine etwas unbekannte Welt begeben. Ich weiß nicht viel über die Programmierung von C++. Aber nach vielem Ausprobieren mit einem zufriedenstellenden Ergebnis.

Schritt 4: Software – Arduino-Bibliotheken

WIFI: Um eine Verbindung zu drahtlosen Netzwerken herzustellen, benötigen wir eine Bibliothek für ESP8266. Wenn Sie dies noch nicht haben, gehen Sie hier https://github.com/esp8266/Arduino und befolgen Sie die Schritte zum Hinzufügen zur Arduino IDE.

Anzeige: Die nächste Bibliothek ist für die Sieben-Segment-Anzeige. Laden Sie die SevenSegmentTM1637 Arduino Library von https://github.com/bremme/arduino-tm1637 herunter. Ich habe verschiedene Bibliotheken für die Anzeige ausprobiert. Dieses war das erste, das ich fand, das mit meiner Anzeigetafel funktionierte.

JSON: Die letzte Bibliothek dient der Verarbeitung von JSON-Daten von Facebook. Laden Sie ArduinoJson - C++ JSON-Bibliothek für IoT von https://github.com/bblanchon/ArduinoJson herunter

Facebook-Fingerabdruck: Um uns mit Facebook zu verbinden, benötigen wir auch einen Fingerabdruck. Anstatt Ihnen dies zu erklären, empfehle ich einen Blick in die Dokumentation

Schritt 5: Software – Code

Laden Sie den Code hier herunter:

• AAA = Facebook-Seiten-ID oder Name
• BBB = Facebook-App-ID
• CCC = App-Geheimnis
• DDD = Fingerabdruck