Nombre de fans sur Facebook : 5 étapes (avec photos)
Nombre de fans sur Facebook : 5 étapes (avec photos)

Table des matières:

Anonim
Nombre de fans sur Facebook
Nombre de fans sur Facebook

Mise à jour: 26.09.2019 - Le temps passe vite et les changements technologiques. Depuis que j'ai créé ce projet, Facebook a modifié ses API et la configuration de son APP. L'étape de création d'une application Facebook a donc expiré. Aujourd'hui, je n'ai plus accès ni possibilité de suivre cette étape. Pourtant, je laisse ce tutoriel comme une source d'inspiration pour créer quelque chose de similaire, même s'il a expiré. Bonne chance avec vos projets et laissez un commentaire si vous avez fait quelque chose de similaire.

Inspiré par le compteur d'abonnés YouTube de Becky Stern, j'ai voulu faire un affichage du nombre de likes pour une page Facebook. Mon objectif avec ce projet était de faire ressortir le nombre de fans d'une page Facebook. Pas n'importe lequel mais un que j'administre. Coder C n'est pas mon domaine alors j'ai commencé par beaucoup d'essais et d'erreurs. Mais j'ai abouti à un résultat qui a fonctionné.

Voici ce dont vous avez besoin pour ce projet:

Logiciel

Application Facebook

Empreinte Facebook

IDE Arduino

Bibliothèques pour Arduino IDE

WIFI ESP8266

Affichage à sept segments

JSON

Matériel

Ikea Ribba 000.783.34 (ou un autre cadre pour contenir le projet)

NodeMCU (mini)

Affichage

Outils

Outil rotatif ou quelque chose pour faire un trou carré dans la plaque arrière du cadre.

Étape 1: Créer une application Facebook

Créer une application Facebook
Créer une application Facebook
Créer une application Facebook
Créer une application Facebook

Cela peut être fait sur developer.facebook.com. Une fois l'application créée, notez l'ID de l'application et le secret de l'application. Vous en aurez besoin dans le code.

Vous voulez tester l'accès pour votre APP ? Rendez-vous sur

Entrez ce qui suit: AAA ?access_token= BBB | CCC &fields=fan_count

  • AAA = identifiant ou nom de la page Facebook,
  • BBB = ID de l'application
  • CCC = secret de l'application

Notez le | (pipe) entre App ID et App Secret.

Étape 2: Matériel – Électronique

Matériel – Électronique
Matériel – Électronique

Passons maintenant à la partie amusante. J'ai utilisé un NodeMCU Mini. Ceux-ci sont disponibles dans diverses variétés et gammes de prix dans une variété de magasins en ligne et sur eBay. Il y avait deux raisons pour lesquelles j'ai choisi un mini. La première raison était que j'en avais déjà un couché dans mon tiroir. L'autre raison était qu'il est petit et prend peu de place dans un cadre photo.

J'ai acheté un écran composé de quatre segments montés sur une carte électronique, je n'ai donc besoin d'utiliser que quatre des E/S de NoceMCUen.

REMARQUE: NodeMCU n'a qu'une sortie de 3,3 V tandis que l'écran aura de préférence 5 V. Il fonctionnera avec 3.3V mais s'allumera légèrement. Heureusement pour moi, mon NodeMCU donne des sorties 5V via VIN.

Comme vous pouvez le voir sur mon image quelque peu floue, le VIN, le VCC et la broche de données sont alignés. Cela signifie que je n'ai besoin d'aucun fil entre le NodeMCU et l'écran. Faites simplement glisser les cartes ensemble et ajoutez un peu de soudure.

  • NIV 5V
  • TERRE TERRE
  • D4 DIO
  • D3 CLK

Avis de non-responsabilité: je n'assume aucune responsabilité quant à la connexion de vos équipements entre eux et à tout dommage pouvant survenir sur votre équipement si vous suivez mon exemple. Heureusement, cette configuration semble me fonctionner.

Étape 3: Quincaillerie – Cadre

Quincaillerie – Cadre
Quincaillerie – Cadre
Quincaillerie – Cadre
Quincaillerie – Cadre
Quincaillerie – Cadre
Quincaillerie – Cadre

J'ai acheté un Ikea Ribba 000.783.34. La raison pour laquelle j'ai acheté ce cadre est qu'il a un cadre profond. Ensuite, je peux facilement installer l'écran et l'électronique.

L'image ci-dessus montre que j'ai fait des trous pour l'affichage. J'ai fait un modèle que j'ai attaché à la plaque arrière et marqué où je voulais avoir l'affichage. Ensuite, j'ai utilisé un outil rotatif pour faire le trou.

L'étape suivante consistait à modifier le placement de l'écran et à le rendre aussi lumineux que possible à travers le papier devant. Comme vous le comprenez probablement, je n'ai pas commencé par le cadre lui-même. Car il serait inutile de construire un affichage dans un cadre si je n'avais pas de numéro à afficher.

Après avoir créé une application Facebook, j'ai dû me plonger dans un monde un peu inconnu. Je n'y connais pas grand chose en programmation C++. Mais s'est retrouvé avec un résultat satisfaisant après de nombreux essais et erreurs.

Étape 4: Logiciel - Bibliothèques Arduino

WIFI: Afin de se connecter aux réseaux sans fil, nous avons besoin d'une bibliothèque pour ESP8266. Si vous ne l'avez pas auparavant, allez ici https://github.com/esp8266/Arduino et suivez les étapes pour l'ajouter à Arduino IDE.

Affichage: La bibliothèque suivante est pour l'affichage à sept segments. Téléchargez la bibliothèque Arduino SevenSegmentTM1637 à partir de https://github.com/bremme/arduino-tm1637 J'ai essayé plusieurs bibliothèques différentes pour l'affichage. Celui-ci était le premier que j'ai trouvé qui fonctionnait avec mon tableau d'affichage.

JSON: la dernière bibliothèque sert à gérer les données JSON de Facebook. Téléchargez ArduinoJson - Bibliothèque JSON C++ pour l'IoT depuis

Empreinte digitale Facebook: Pour se connecter à Facebook, nous avons également besoin d'une empreinte digitale. Au lieu d'essayer de vous expliquer cela, je vous recommande de jeter un œil à la documentation

Étape 5: Logiciel – Code

Téléchargez le code ici:

  • AAA = identifiant ou nom de la page Facebook
  • BBB = identifiant d'application Facebook
  • CCC = secret de l'application
  • DDD = empreinte digitale