[Tuto] Fabriquer un compteur de likes Facebook, Twitter et Instagram

Aujourd'hui, nous réalisons un compteur de likes Facebook, Instagram et Twitter connecté en wifi. Il vous permettra d'afficher votre nombre de likes depuis votre page facebook, ainsi que votre nombre de followers instagram et twitter.

1. Matériel utilisé

Afin de réaliser votre compteur de likes, il vous faudra :

• un LinkNode D1 ou une  Wemos D1 R2 Wifi UNO Esp 8266

• une matrice LED 32x8 (HT1632)

• 5 fils connecteurs Mâle-Femelle

2. Montage

Connectez les 5 fils de la manière suivante : 

Si vous disposez d'une imprimante 3D, vous pouvez télécharger le fichier d'impression 3D afin de fabriquer le boîtier. Visser l'écran ainsi que le LinkNode D1 de la manière suivante :

3. Le code

1. Téléchargez la dernière version de l'IDE Arduino.
2. Si vous utilisez le LinkNode D1, vous allez devoir ajouter la carte dans la liste des cartes prises en charge par l'IDE Arduino. Ouvrez l'IDE, "Fichier" ? "Préférences" et dans "URL de gestionnaire de cartes supplémentaires" ajouter le lien suivant :

   
   http://arduino.esp8266.com/stable/package_esp8266com_index.json

3. Vous pouvez télécharger le code du compteur de likes sur github.
4. Déplacer les librairies téléchargées avec le compteur de likes dans votre répertoire Arduino /librairies

1. Raccordez votre compteur de likes grâce à un câble USB/microUSB  vers votre ordinateur.
2. Ouvrez votre IDE Arduino et modifiez les lignes 23-24 par le nom de votre réseau wifi ainsi que le mot de passe.

3.a Facebook

1. Pour lier votre compte Facebook, vous devez vous rendre sur l'API Facebook et vous identifier. (Afin de pouvoir afficher le nombre de likes sur votre page vous devez en être administrateur).
2. Sélectionnez "Mes applications" ? "Ajouter une application", nommez votre application et faites "Créer un ID d'app".
3. Sélectionnez "Outils" ? "Explorateur de l'API Graph", puis récupérez le token d'accès (Ctrl+C).

1. Toujours dans "Outils", sélectionnez "Outils de débug de tokens d'accès", coller (Ctrl+v) le dans la barre associée, puis cliquez sur "Débuguer". Des informations sur le token d'accès devrait s'afficher dont sa durée d'expiration. Par défaut il expire au bout d'une heure, pour éviter cela cliquez sur "étendre le token d'accès". Un nouveau token d'accès vous est donné, copiez le.

1. Afin de récupérer l'ID de votre page, copiez l'url de votre page sur ce site puis cliquez sur "Find numeric ID".
2. Ajoutez le token d'accès et votre ID de page dans le fichier like_counter.ino à la ligne 25-26.

3.b Instagram

1. Afin de lier votre compte Instagram, commencez par vous identifier sur la plateforme dédiée ici.
2. Cliquez sur "Manage Clients".
3. Puis remplissez les champs de la manière suivante.

1. Dans l'onglet "Security", décochez "Disable implicit OAuth". Puis cliquez sur "Register".

*

1. Une fois enregistré, vous devriez pouvoir voir votre application comme ceci, et trouver votre Client ID.

1. Copier / coller l'URL suivante en remplaçant "[CLIENT_ID]" par le votre dans un navigateur web :
   

   
   

   https://instagram.com/oauth/authorize/?client_id=[CLIENT_ID]&redirect_uri=http://localhost&response_type=token

2. vous devriez récupérer une URL de ce type : http://localhost/#access_token=********** , avec votre access token à la fin.
3. Il ne vous restera plus qu'à l'ajouter dans le code, ligne 29.

3.c Twitter

1. Pour lier votre compte Twitter, rien de plus simple. Récupérez votre nom de page dans l'url. (ex: https://twitter.com/letmeknowfr?lang=fr ? le nom de notre Twitter est "letmeknowfr")
2. Puis ajoutez le dans le programme du compteur ligne 27.

3.d Téléverser le code

1. Afin de téléverser le code sur votre carte, commencez par sélectionner votre carte. Dans "Outils" ? "Type de carte", sélectionner "WeMos D1 (Retired)" si vous utilisez le LinkNode D1. Puis paramétrer le de la manière suivante :

1. Sélectionnez le port COM sur lequel votre carte est connectée.
2. Et enfin, cliquez sur Téléverser.