NodeJS Raspberry Pi

Raspberry Pi : un compteur d’abonné visuel pour les réseaux sociaux

Publié par Maxence Rose
Like
Like Love Haha Wow Sad Angry
12

Je fais suite au tutoriel sur la création d’un compteur d’abonné vocal pour les réseaux sociaux que j’ai développé sur mon Raspberry Pi dernièrement. Dans ce tutoriel, je vous propose de développer ce même compteur avec un affichage sur une page Web.

Compteur d’abonné visuel pour les réseaux sociaux

Prémices de notre projet NodeJS

Pour développer notre projet, nous aurons besoin d’installer des dépendances, pour cela, il suffit d’utiliser la commande suivante : npm install <paquet>

Liste des dépendances à installer :

  • fb : la dépendance utilisée pour l’API Facebook
  • instagram-node : la dépendance utilisée pour l’API Instagram
  • twitter : la dépendance utilisée pour l’API Twitter
  • node-schedule : un planificateur de tâches pour exécuter les actions
  • express : une dépendance pour une infrastructure Web minimaliste, souple et rapide pour NodeJS
  • http : une dépendance nécessaire avec ExpressJS
  • q : une librairie de promesse
  • socket.io : permet une communication bidirectionnelle en temps réel fondée sur des événements

Installez donc ces dépendances avec la commande suivante : npm install fb express instagram-node twitter node-schedule http q socket.io --save

Une fois installées, nous pourrons les inclure dans notre projet.

Créez un dossier dans votre répertoire de développement habituel. Puis créez votre premier fichier NodeJS que nous appellerons par exemple index.js

Ajoutez-y ces premières lignes :

Compteur d’abonné pour Twitter

Créez un autre dossier « providers/ » dans le répertoire de votre projet et ajoutez votre premier fichier : twitter.js

On ajoute la ligne suivante dans notre fichierindex.js :

On ajoute à présent quelques lignes au projet afin d’accéder à une page Web avec ExpressJS. Cette page Web permettra de visualiser les compteurs d’abonné. Chaque résultat récupéré via le serveur sera renvoyé sur la page Web.

Créez désormais une page HTML que nous appelleronsindex.html

Placez-y le code HTML nécessaire à l’utilisation d’une page Web, puis insérez ce code suivant :

Un peu de CSS pour styliser tout ça :

Le code HTML du compteur Twitter

Pour voir le projet en entier (avec Twitter, Facebook, et Instagram), vous pouvez vous rendre sur le Github du projet : github.com/yubigeek/Raspi-Social-Monitor-Visual

Like
Like Love Haha Wow Sad Angry
12

A propos de l'auteur

Maxence Rose

Passionné de high-tech et fasciné par Google, j'écris ce que bon me semble et je teste pour vous les derniers services du Web. Ce blog me permet de m'exprimer sur les différents produits de Google, en premier lieu ses services et les appareils Android.

3 commentaires

Écrire un commentaire

Partager ceci avec un(e) ami(e)