En observant l’installation d’un ami, je viens de voir qu’aucun tableau de bord n’est installé chez lui. L’ai-je désinstallé ? Je ne m’en souviens pas.
L’installation du tableau de bord se fait dans les paramètres de l’utilisateur (qui porte assez mal nom).
Il faut trouver le paquet à installer, appuyer sur le bouton Install et attendre quelques instants jusqu’à ce que l’interface dise que l’installation est réussie. Parfois, il y a un problème sur le retour d’information. Il suffit de rafraîchir la page et réessayer.
L’ancien tableau de bord se nomme node-red-dashboard.
Le nouveau se nomme @flowfuse/node-red-dashboard.
L’exemple que j’avais donné utilise l’ancien tableau de bord.
L’équivalent pour le nouveau tableau de bord est ci-dessous. Le lien est au même endroit. Il mène à la page http://venus.local:1881/dashboard/page1
[{"id":"37fe830c5026fb4d","type":"ui-number-input","z":"a6d9bcab4eba06c2","group":"13b6b668ddfee11d","name":"Valeur entre 0 et 100","label":"Valeur entre 0 et 100","order":1,"width":0,"height":0,"topic":"topic","topicType":"msg","min":0,"max":"100","step":1,"tooltip":"","passthru":true,"sendOnBlur":true,"sendOnEnter":true,"className":"","clearable":false,"icon":"","iconPosition":"left","iconInnerPosition":"inside","spinner":"default","x":320,"y":220,"wires":[["1f3131867a49adb9"]]},{"id":"1f3131867a49adb9","type":"function","z":"a6d9bcab4eba06c2","name":"Enregistre la valeur en variable globale","func":"\nglobal.set('test2', msg.payload)\n\nreturn null;","outputs":0,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":630,"y":220,"wires":[]},{"id":"19704b5be0cfee22","type":"inject","z":"a6d9bcab4eba06c2","name":"Init","props":[{"p":"payload"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"50","payloadType":"num","x":130,"y":220,"wires":[["37fe830c5026fb4d"]]},{"id":"13b6b668ddfee11d","type":"ui-group","name":"Group 1","page":"d5e0a9c535ed618b","width":6,"height":1,"order":1,"showTitle":true,"className":"","visible":true,"disabled":false,"groupType":"default"},{"id":"d5e0a9c535ed618b","type":"ui-page","name":"Page 1","ui":"9581a1a8b46f8361","path":"/page1","icon":"home","layout":"grid","theme":"94bc085126799555","breakpoints":[{"name":"Default","px":0,"cols":3},{"name":"Tablet","px":576,"cols":6},{"name":"Small Desktop","px":768,"cols":9},{"name":"Desktop","px":1024,"cols":12}],"order":1,"className":"","visible":"true","disabled":"false"},{"id":"9581a1a8b46f8361","type":"ui-base","name":"My Dashboard","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false,"headerContent":"page","navigationStyle":"default","titleBarStyle":"default","showReconnectNotification":true,"notificationDisplayTime":1,"showDisconnectNotification":true,"allowInstall":true},{"id":"94bc085126799555","type":"ui-theme","name":"Default Theme","colors":{"surface":"#ffffff","primary":"#0094CE","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"},"sizes":{"density":"default","pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}}]

Le rendu graphique dépend de beaucoup d’éléments. Il faut un peu de temps pour faire quelque chose de joli.