Twitter propose une API qui permet d'accéder à différentes données : tweets, likes, comments
Avec l'arrivée des élections présidentielles aux Etats Unis et l'importance de la communication sur les réseaux sociaux dans la campagne électorale, j'ai pensé à créer une application qui affichera la photo de Donald Trump et de Joe Biden le long d'une ligne. Les photos ne resteront cependant pas statiques en effet lorsque un des candidats postera un tweet sur l'API tweeter, la photo du candidat avancera le long de la ligne. Chaque tweets postés par Biden ou Trump leurs permetteront de gagner des points et de monter dans un classement. Donc plus le candidat sera actif sur twiter en postant des tweet plus le candidat sera éloigné de la ligne de départ et cela marquera une plus grande implication pour le candidat dans sa campagne
Cette application va mettre aux deux candidats de rentrer dans une guerre de communication et va les pousser à être encore plus actifs sur les réseaux sociaux. La situation de la photo des deux candidats par rapport au drapeau américain située à la fin de la la ligne sera un facteur qui va influencer le choix des votes des électeurs.
Cette application devra réceptionner les données envoyées par Twitter via Zappier et les interprêter pour faire avancer la photo de Trump ou Biden dans notre page web.
Cela sera possible grâce à un Webhook. Il sera la porte d'entrée des données dans notre application.
Pour connecter notre application ExpressJS à l'API de Twitter nous allons utiliser Zappier. Pour ça il est nécessaire de créer un premier "Zap" avec la configuration suivante :
Étape n° 1 : Choisir qu'elle API on souhaite utiliser, dans notre cas celle de Twitter.
Étape n° 2 : Choisir vers où envoyer les données récupérées de l'API Twitter, dans notre cas l'application Express JS via un Webhook
Étape n° 3 : Indiquer à Zappier quand est-ce qu'on souhaite envoyer des données vers le Webhook. Ici lorsqu'un utilisateur Tweet.
Étape n° 4 : Indiquer à Zappier sous quelle forme envoyer les données. Ici via une requête POST.
Étape n° 5 : Indiquer à Zappier quel compte Twitter on souhaite surveiller, ici celui de Trump.
Étape n° 6 : Indiquer à Zappier quelle est l'url du webhook où envoyer les données Twitter ainsi que les données à envoyer, ici l'user id du compte twitter.
Étape n° 7 : On test que notre ZAP fonctionne
Ces étapes sont à refaire pour recevoir les nouveaux tweets de Biden.
A partir de maintenant, dés que Trump ou Biden tweetera, Zappier alertera notre application ExpressJS via une requête POST vers notre webhook (https://communication-war.glitch.me/receive_tweet)
Dés que notre webhook recevra un tweet de l'un ou l'autre, il incrémentera un compteur dans notre application ExpressJS. Ce compteur sera utilisé pour faire avancer les photos en modifiant la marge gauche de la photo à l'aide d'un style CSS (margin-left).
