Guide Podman
Logiciel
Manuel d'utilisation
Création d'un conteneur Node-RED
Ce guide couvre l'installation d'un conteneur Node-RED sur Pixsys WebPanneau « WP » et TouchController série « TC ».
L’affichage du tableau de bord Node-RED à l’écran n’est possible que sur WP – WebAppareils à panneau et sur les panneaux TC – TouchController avec le «WebLicence « Visu » uniquement. Sur TouchController – Panneaux TC avec « TargetVisu » ou « TargetVisu + » WebLicence « Visu », il n'est pas possible d'afficher le tableau de bord Node-RED.
Se connecter
Accédez à l'appareil en mode configuration en maintenant enfoncé le bouton STOP qui apparaît au démarrage.
Accédez à la console de configuration en saisissant les informations d’identification suivantes :
Nom d'utilisateur: utilisateur
Mot de passe: 123456
Si l'IP de l'appareil est connue, il est également possible, et recommandé, d'accéder à la console de configuration depuis un navigateur sur le PC de l'utilisateur en accédant à l'adresse : https://device-IP-.9443/ et en utilisant les informations d'identification ci-dessus.
Création du dossier pour Node-RED
Le conteneur qui va être activé nécessite un espace pour stocker les données utilisateur.
A cet effet, dans les appareils, il existe un dossier /data/user.
À l'aide de WinScp ou d'un autre logiciel d'accès sFTP, créez un dossier node-red dans le chemin /data/user, en suivant les étapes ci-dessous :
- Ouvrez WinSCP, connectez-vous à l'appareil en utilisant l'adresse IP et les informations d'identification déjà utilisées pour accéder à la console de configuration, puis choisissez /data/user
- Dans le menu « Nouveau », sélectionnez l’option « Répertoire… ».
- Créez le dossier node-red en activant tous les permis « R/W/X » :
Le même processus est également possible via un accès SSH et en utilisant les invites suivantes :
mkdir -p /data/utilisateur/node-red
chmod a+rwx /données/utilisateur/node-red
Téléchargement du conteneur
Accédez aux « Conteneurs Podman » dans la barre de menu :
Sélectionnez l'option « Télécharger une nouvelle image » dans le menu à droite avec l'icône à trois points
Sélectionnez la zone de recherche « docker.io »
Tapez « node-red » dans « Rechercher”
Sélectionnez l'image officielle « docker.io/nodered/node-red » :
Appuyez ensuite sur « Télécharger » et le téléchargement de l’image commencera.
Il s'agit d'un fichier de plusieurs centaines de Mo file; selon la connexion Internet, cela peut prendre plusieurs minutes.
Une fois le téléchargement terminé, il sera possible de view l'image sur l'appareil :
Création de conteneurs
Dans l'onglet « Conteneurs », cliquez sur le bouton « Créer un conteneur ». Un menu s'ouvrira pour configurer le conteneur que vous souhaitez créer.
Remplissez le champ « Nom » avec un nom de votre choix, en remplacement de celui généré aléatoirement automatiquement.
Détails de l'onglet :
Dans la case « Image », choisissez l’image téléchargée comme décrit dans le chapitre précédent :
Configurez la « Limite de mémoire » sur 128 ou 256 Mo.
« Politique de redémarrage » définie sur « Toujours » définit le conteneur pour qu'il démarre automatiquement et soit redémarré même en cas d'arrêt commandé par l'utilisateur.
Intégration des onglets :
Configurez le mappage de port pour exposer le port 1880 dans TCP et UDP, et mappez le chemin du conteneur /data, visible depuis node-red, dans le chemin de l'hôte /data/user/node-red
Vérification de l'état de santé de l'onglet :
Cet onglet définit les contrôles sur le bon fonctionnement du conteneur et comment il se comportera en cas d'erreur.
L'image ci-dessous montre les paramètres par défaut :
À ce stadetage, appuyez sur « Créer et exécuter » et attendez la création du conteneur.
Tester le conteneur
Une fois la procédure de création du conteneur terminée, la liste « Conteneurs » affichera le nouveau conteneur en cours d'exécution (État : En cours d'exécution) :
Ouvrez un navigateur sur PC et accédez à la page : http://device-IP.1880
Créer un tableau de bord
Le tableau de bord permet à Node-RED de présenter/publier une web page.
Installez « node-red-dashboard » en ouvrant la palette « Menu Gérer » :
Rechercher node-red-dashboard dans l'onglet Installer
Attendez que l'installation soit terminée, puis connectez-vous à la console et importez le Flow saisi à la fin du guide depuis le menu Importer :
**C'est example code sans réel but.
NB pour l'utilisation de Node-RED et du Dashboard, veuillez vous référer à la documentation disponible en ligne.
Une fois le code importé, cela fournira un projet comme celui-ci :
Presse 
pour compiler et démarrer le projet.
Page d'ouverture http://device-IP.1880/ui, le résultat ressemblera à ce qui suit :
Configuration du panneau pour afficher le tableau de bord
À ce stade, pour les panneaux qui le permettent, accédez au menu Paramètres WP, puis Paramètres principaux de l'application, et entrez URL http://localhost.1880/ui
Utilisez le terme localhost ou IP 127.0.0.1 pour permettre au navigateur d'accéder à l'appareil lui-même, quelle que soit son IP réelle.
Au redémarrage, l'appareil affichera le tableau de bord Node-RED en plein écran.
Example flux
Le code suivant est le texte à importer en tant que flux dans Node-RED :
[{
“id”: “1e6b97b5.687fd8”,
« type » : « onglet »,
« étiquette » : « Tableau de bord »,
« désactivé » : faux,
« info » : « »
},
{
"identifiant": " 7c8 f 99d9.196b98",
« type » : « ui_text »,
“z”: “1e6b97b5.687fd8”,
« groupe » : « dd4567b9.6a4c18 »,
« ordre » : 1,
« largeur » : « 12 »,
« hauteur » : « 1 »,
« nom » : « Titre »,
« étiquette » : « Tableau de bord – Affichage de données aléatoires »,
« format » : « {{msg.payload}} »,
« layout » : « col-center »,
« x » : 330,
« y » : 120,
« fils » : [] },
{
“id”: “2e4a56f8.cfa23a”,
« type » : « ui_gauge »,
“z”: “1e6b97b5.687fd8”,
« nom » : « Jauge aléatoire »,
« groupe » : « dd4567b9.6a4c18 »,
« ordre » : 2,
« largeur » : « 6 »,
« hauteur » : « 6 »,
« gtype » : « jauge »,
« titre » : « Valeur aléatoire »,
"étiquette": " %",
« format » : « {{valeur}} »,
"min": "0",
"maximum": "100",
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
« seg1 » : « 30 »,
« seg2 » : « 70 »,
« x » : 320,
« y » : 240,
« fils » : [] },
{
« id » : « 3b9ddefd.32b9d »,
« type » : « ui_chart »,
“z”: “1e6b97b5.687fd8”,
« nom » : « Graphique temporel »,
« groupe » : « dd4567b9.6a4c18 »,
« ordre » : 3,
« largeur » : « 6 »,
« hauteur » : « 6 »,
« étiquette » : « Graphique temporel aléatoire »,
« char tType » : « ligne »,
« légende » : « faux »,
« xformat » : « HH:mm:ss »,
« interpoler » : « linéaire »,
« nodata » : « »,
« ymin » : « 0 »,
« ymax » : « 100 »,
« supprimer les plus anciens » : 1,
« supprimer les points plus anciens » : « »,
« removeOlderUnit » : « 3600 »,
« découpe » : 0,
« useOneColor » : faux,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
« sorties » : 1,
« useDifferentColor » : faux,
« x » : 600,
« y » : 240,
« fils » : [] },
{
"identifiant": " 74b1ae f 8.e7e0d8",
« type » : « fonction »,
“z”: “1e6b97b5.687fd8”,
« nom » : « Générer des données aléatoires »,
« func » : « msg.payload = Math.floor(Math.random() * 100);\nretour msg ; »,
« sorties » : 1,
« noerr » : 0,
« initialiser » : « »,
« finaliser » : « »,
« libs » : [],
« x » : 130,
« y » : 240,
« fils » : [
[
“2e4a56f8.cfa23a”,
« 3b9ddefd.32b9d »
] ] },
{
“id”: “e0e9bd3c.a8ae2”,
« type » : « injecter »,
“z”: “1e6b97b5.687fd8”,
"nom": "",
« accessoires » : [
{
« p » : « charge utile »
}
],
« répéter » : « 1 »,
« crontab » : « »,
« une fois » : vrai,
« onceDelay » : 0.1,
"sujet": "",
« payloadType » : « date »,
« x » : 130,
« y » : 160,
« fils » : [
[
“74b1ae f 8.e7e0d8”
] ] },
{
« id » : « dd4567b9.6a4c18 »,
« type » : « ui_group »,
« z » : « »,
« nom » : « Données aléatoires »,
« onglet » : « fe9b4293.8df8e »,
« ordre » : 1,
« disp » : vrai,
« largeur » : « 12 »,
« effondrement » : faux
},
{
« id » : « fe9b4293.8df8e »,
« type » : « ui_tab »,
« z » : « »,
« nom » : « Tableau de bord principal »,
« icône » : « tableau de bord »,
« ordre » : 1,
« désactivé » : faux,
« caché » : faux
}
]
Notes / Mises à jour
PIXSYS srl
www.pixsys.net
ventes@pixsys.net – support@pixsys.net
assistance en ligne : http://forum.pixsys.net
via Po, 16 I-30030
Mellaredo di Pianiga, VENEZIA (IT)
Tél. +39 041 5190518
200525
Documents / Ressources
 |
Pixsys Web Logiciel du contrôleur tactile du panneau [pdf] Guide de l'utilisateur Série WP, série TC, Web Logiciel de contrôleur tactile, logiciel de contrôleur tactile, logiciel de contrôleur, logiciel |