Castel'Lab le Fablab MJC de Château-Renault

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
========= Correction Exercice 2 ========




====== Rappels ======

Dans un premier temps , je vous montre comment afficher la température de l'ESP32 sur le Dashboard avec la Gauge [[faire_preparation:soireeinfo:tp:corex2:graphiqu|ensuite avec l'affichage en mode graphique ...]]

Dans un deuxième temps , je vous montrerais comment afficher la température avec un DHT11 raccordé sur L'esp32.

Dans le tuto precedent , vous avez la methode pour declarer le mode temperature de l'esp32 dans tasmota 

<note>
Tous les ESP ( ESP8266 ??)  ne  permettent pas l'affichage de leur température .... Il faut  raccorder un DHT11 ou DHT22 ou un DS18B20
</note>

– Si vous avez un ESP32, Ouvrir la console de tasmota ( revenir au premier ecran) est entrer les commandes “SetOption146 1” + Entrée( validation de l'envoi de la temperature de l'ESP32) et “teleperiod 5” + Entrée ( definit la periode d'envoi des informations vers MQTT ici tous les 5 s) 


{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_18-20-46.png?direct&1000 |}}

Vous devez voir afficher :

   17:20:28.274 CMD: SetOption146 1
   17:20:28.281 MQT: stat/tasmota_6B2128/RESULT = {"SetOption146":"ON"}

Et la periode d 'envoi ( même si indiquer 5 il mettra 10 ...)
   
   17:23:12.292 CMD: teleperiod 5
   17:23:12.299 MQT: stat/tasmota_6B2128/RESULT = {"TelePeriod":10}
   
En retournant sur le menu principal vous devez avoir ce ceci ,  La temperature de l'ESP32 et le bouton (si vous l'avez configurer ):

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_18-25-07.png?direct&400 |}}


Vous aller à nouveau sur la console et vous copier cette ligne : l'indication 6B2128 sera differente en fonction de votre ESP32

    tele/tasmota_6B2128/SENSOR
    
Avant de vous connecter sur VOTRE serveur node-red , **verifié que le parametrage de MQTT est bon** 

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_18-31-14.png?direct&400 |}}

Pour l'exercice je prends le serveur : [[http://fablab37110.ddns.net:1883|fablab37110.ddns.net:1883]] . Mais vous pouvez le configurer avec un autre serveur MQTT , il faut juste que sur Tasmota et node-red , ce soit le même...
    
====== On se connecte sur SON serveur node-red ======

pour l'exercice : "castellab.ddnsfree.com:18xx" xx correspond à VOTRE serveur node-red ( voir le courriel )

On insere un noeud "MQTT IN" , on le parametre avec l @IPMQTT:1883 ( exemple fablab37110.ddns.net:1883 ) et le bon topic "tele/tasmota_6B2128/SENSOR" on appuis sur "Done"

On insere un noeud "Debug"

On relie les 2 noeuds

On valide par "Deploy"

On se positionne sur l'onglet "Debug"

On verifie que les infos de temperatures  arrive bien sur le serveur node-red

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_18-52-41.png?direct:1000 |}}

Pour lire la temperature , cliquer sur l'info ESP32 en rouge : <color #ed1c24>ESP32</color>: object, TempUnit: "C" }

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_18-54-44.png?direct&400 |}}


On a bien la temperature qui arrive sur node-red , maintenant il faut l'afficher sur une gauge dans un dashboard

Il faut donc avoir installer les noeuds Dashboard **"node-red-dashboard"** ou l'installer maintenant ( revoir le tuto précedent )

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_19-02-11.png?direct&200 |}}

Inserer le noeud "Gauge" dans votre Flow et relié le à votre MQTT IN 

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_19-04-33.png?direct&600 |}}

Parametrage du noeud "Gauge"

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_19-13-54.png?600 |}}

Cliquer sur le crayon : dans "Name" Indiquer le nom du groupe d'objets exemple Chambre etage et dans "Tab" Maison ( avec le crayon)
On peut dire que Name ce sont les pieces à l'interieur d une maison "Tab" 

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_19-16-18.png?direct&400 |}}

Faite "Update"

Vous retrouver le 1er ecran "Edit gauge node" 

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_19-22-48.png?direct&400 |}}

Vous retrouvez les informations du Group = [maison]Chambre etage

Le type = Gauge

Le label , ce que vous voulez , j'ai mis " Temperature de la chambre etage "

Le champ "Value Format" est important : il faut le mettre  entre 2 fois des accolades 
<nowiki>
{{payload.ESP32.Temperature}}
</nowiki>

Que l'on peut copier en passant la souris  sur "Temperature: 38.9" on obtient une icone marquée "Copy path" , on clique sur cette icone et 
on copie entre les accolades on doit donc avoir <nowiki>
{{payload.ESP32.Temperature}}
</nowiki>

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_18-54-44.png?direct&400 |}}

On peut changer la plage des valeurs dans les champs "Range" ici j'indique entre 0 et 45  et on clique sur "Done" et ensuite "Deploy"

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_19-43-52.png?800 |}}


En se connectant à : "castellab.ddnsfree.com:18xx/ui" on obtient le dashboard :

{{ :faire_preparation:soireeinfo:tp:capture_d_ecran_du_2023-04-08_19-47-50.png?direct |}}

La couleur orange doit correspondre à un melange du jaune et du rouge (38°9) ( il commence à faire chaud .....) , on peut choisir la taille de la gauge dans le champ "Size"

Vous pouvez voir ce que cela fait en changeant les valeurs maxi et mini et la taille de la gauge 


==== Temperature mode graphique ====
[[faire_preparation:soireeinfo:tp:corex2:graphiqu|A SUIVRE ... Avec l'affichage en mode graphique ...]]