[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 :

2. Montage

Connectez les 5 fils de la manière suivante : 

Matrice LEDLinkNode D1
5v5v
GNDGND
CS1D2
WRD3
DATAD4

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
  5. Votre répertoire Arduino devrait ressembler à cela
  6. Raccordez votre compteur de likes grâce à un câble USB/microUSB  vers votre ordinateur.
  7. 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).
  4. 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.
  5. 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”.
  6. 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.
  4. Dans l’onglet « Security », décochez « Disable implicit OAuth ». Puis cliquez sur « Register ».
  5. Une fois enregistré, vous devriez pouvoir voir votre application comme ceci, et trouver votre Client ID.
  6. 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

  7. vous devriez récupérer une URL de ce type : http://localhost/#access_token=********** , avec votre access token à la fin.
  8. 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 :
  2. Sélectionnez le port COM sur lequel votre carte est connectée.
  3. Et enfin, cliquez sur Téléverser.

[Tuto][API] Utiliser l’API Twitter via PHP

Dans cet article, nous utiliserons l’API Twitter grace au langage PHP. Cet article s’inscrit dans la continuité de celui permettant de récupérer uniquement le nombre de followers.

Toute la méthode expliquée ci-dessous est basé sur cet article: http://iag.me/socialmedia/build-your-first-twitter-app-using-php-in-8-easy-steps/

Nous utilisons le système suivant: https://github.com/J7mbo/twitter-api-php

Dans l’index.php, vous aurez à personnaliser les lignes:

$settings = array(
 'oauth_access_token' => "OAUTH_ACCESS_TOKEN",
 'oauth_access_token_secret' => "OAUTH_ACCESS_TOKEN_SECRET",
 'consumer_key' => "CONSUMER_KEY",
 'consumer_secret' => "CONSUMER_SECRET"
 );

Tous ces paramètres sont disponibles en créant une application sur le site https://apps.twitter.com

Pour récupérer les informations principales du compte: le nombre de followers, le nombre d’abonnements et le nombre de tweets

twitter

<?php
ini_set('display_errors', 1);
require_once('Twitter/TwitterAPIExchange.php');

$settings = array(
'oauth_access_token' => "YOUR_ACCESS_TOKEN",
'oauth_access_token_secret' => "YOUR_ACCESS_TOKEN_SECRET",
'consumer_key' => "YOUR_CONSUMMER_KEY",
'consumer_secret' => "YOUR_CONSUMER_SECRET"
);

$url = "https://api.twitter.com/1.1/statuses/user_timeline.json";
 
$requestMethod = "GET";
 
$getfield = '?screen_name=LetmeknowFr&count=1';
 
$twitter = new TwitterAPIExchange($settings);
$string = json_decode($twitter->setGetfield($getfield)
->buildOauth($url, $requestMethod)
->performRequest(),$assoc = TRUE);
if($string["errors"][0]["message"] != "") {echo "<h3>Sorry, there was a problem.</h3><p>Twitter returned the following error message:</p><p><em>".$string[errors][0]["message"]."</em></p>";exit();}
foreach($string as $items) {
$followers = $items['user']['followers_count'];
$friends = $items['user']['friends_count'];
$tweets = $items['user']['statuses_count'];
}
?>

De nombreux autres data sont récupérables, elles sont détaillées dans l’article http://iag.me/socialmedia/build-your-first-twitter-app-using-php-in-8-easy-steps/

[Tuto][API] Récupérer le nombre de followers Twitter facilement

Sur le même concept que la récupération du nombre de fans Facebook, il est possible de connaitre le nombre de followers d’une page Twitter. Nous fonctionnons avec une page Php qui affiche uniquement un nombre correspondant au nombre de Followers (Ci dessous avec la page LetmeknowFr)

<html>
<body>
<?php 
$tw_username = 'LetmeknowFr'; 
$data = file_get_contents('http://cdn.syndication.twimg.com/widgets/followbutton/info.json?screen_names='.$tw_username); 
$parsed = json_decode($data,true);
$tw_followers = $parsed[0]['followers_count'];
echo $tw_followers;
?>
</body>
</html>

A vous de créer l’objet pour visualiser cette donnée!

19708_smiirl-va-decliner-son-compteur-de-likes-sur-instagram-et-twitter