Créez votre première application de visualisation IoT Arduino + Node.js en moins de 15 minutes - How to do

The best way to stay up to date with technology

demo-image
1_t1Cj-GYGplX9R4vXFEzRyg

Créez votre première application de visualisation IoT Arduino + Node.js en moins de 15 minutes

Partagez l'article
«Les maisons intelligentes et autres produits connectés ne seront pas uniquement destinés à la vie domestique. Ils auront également un impact majeur sur les entreprises. Et tout comme toute entreprise qui a béatement ignoré Internet au tournant du siècle, celles qui rejettent l'Internet des objets risquent d'être laissées pour compte. » - Jared Newman, écrit dans Fast Company
Actuellement, IoT et Node.js sont les deux mots à la mode entendus dans le domaine de la technologie. L'implémentation d'une application IoT utilisant Node.js et Arduino lui-même est un sujet intéressant à apprendre. À la fin de cet article, vous construirez un système de surveillance de la température en temps réel. Croyez-moi…! Il est très facile de créer cette application si vous avez tous les prérequis.

Exigences matérielles

  1. Carte Arduino Uno R3 [ Acheter maintenant ]
  2. Résistance 1 kΩ [ Acheter maintenant ]
  3. Thermistance NTC 1 kΩ
  4. Fils de connexion X 3 (mâle à mâle) [ Acheter maintenant ]
  5. Planche à pain [ Acheter maintenant ]
  6. Bureau

Logiciels requis

  1. Arduino IDE [ Télécharger ]
  2. Node.js [ Télécharger ]
Après avoir obtenu les prérequis mentionnés ci-dessus, connectez la carte Arduino et téléchargez l'exemple de code de firmata standard. Ce code particulier vous permet de créer l'Arduino en tant qu'appareil communicable standard sur le bureau et nous allons contrôler la carte Arduino en utilisant l'application Node.js que nous allons construire. Alors laissez-nous vérifier et télécharger le code «Firmata standard» sur Arduino depuis Arduino IDE.
1_BO8pPT6BADdY0-giiVn_jA


Après avoir téléchargé le code sur la carte, nous allons configurer le circuit, où nous utilisons trois fils de pontage, une thermistance NTC 1 kΩ, une résistance 1 kΩ et une planche à pain avec la carte Arduino.
1_v_7E1J0rgEsghaTLlAd1Sw
Après avoir configuré le matériel, la partie principale consiste maintenant à préparer le serveur Node.js (pour la transmission de données depuis Arduino) et l'application client (à recevoir de l'application serveur). Le référentiel GitHub fourni au début de cet article peut être cloné pour un test rapide de cette application.
L'application comporte deux parties, le côté serveur et le côté client.

Partie 1: Application côté serveur

Dans le fichier server.js , nous allons inclure deux dépendances,
  • node-dweetio : C'est une plate-forme de messagerie gratuite et facile à utiliser pour l'Internet des objets.
  • johnny-five : Ce module de nœud est utilisé pour se connecter à la carte Arduino de notre application Node.js.


Le code est simple et direct. Où il est fait mention d'une broche pour laquelle nous avons connecté le fil de connexion de données (A0). Puisque la thermistance est une résistance variable, Arduino ne peut pas calculer la température et la résistance, mais elle peut être utilisée pour mesurer la tension.
Au début, nous devons mesurer la résistance et plus tard, nous pouvons mesurer la température. C'est la même logique qui est appliquée dans l' événement `` au changement '' du capteur de température ( Référence: fabriquer un capteur de température Arduino ). DweetThing est un nom unique qui peut être donné pour la chose connectée, qui est « node-temperature-monitor » dans l'exemple donné. La partie serveur est maintenant prête, où à chaque changement de température, un objet message sera inséré.

Partie 2: Application de visualisation côté client

Nous avons maintenant configuré la partie serveur. C'est le moment de créer une merveilleuse application côté client pour recevoir les données insérées et les visualiser.


Ici, nous allons utiliser le module de noeud socket.io pour activer la communication événementielle bidirectionnelle en temps réel. Lorsqu'un dweet est envoyé depuis le serveur, app.js intercepte le dweet et les mêmes données sont émises à l'aide de l'instance socket.io. Nous allons maintenant créer une partie vue de l'application de nœud dans le dossier public. Ce dossier particulier aura une page index.html et un fichier JavaScript.


Le fichier index.html dépend de socket.io, jquery, bootstrap et morris js. Nous utilisons la bibliothèque de graphiques Morris.js pour créer un graphique linéaire simple pour afficher la température à une instance de temps particulière au fur et à mesure qu'il y a une interruption du serveur.


Étapes finales

Puisque nous avons créé à la fois le serveur et le côté client de l'application, nous allons d'abord démarrer le serveur. Reportez-vous au référentiel GitHub pour avoir une idée de la façon de démarrer le serveur. Lorsque le serveur est constitué, la console ressemblera à ceci,
> npm run server-start
1_2Lb71eQXLJfKBBpN8ph0nw

Maintenant, la partie merveilleuse de cette application est la visualisation. Exécutez la commande et visitez http: // localhost: 3000 ,
> npm run start
1_jVP-Kwc1MGV_NTnO5wf6iA

Félicitations, nous avons créé une application de surveillance et de visualisation de la température en temps réel basée sur Node.js. N'était-ce pas facile?
Veuillez partager vos opinions dans la section des réponses :) Merci!
Les références

أختر أكثر من طريقة للتعليق!!

techzone

example

badreddine ghalyمايو 16, 2020

Formulaire de contact

Nom

E-mail *

Message *

الصفحات