Pixsys Web Manuale utente del software del controller touch del pannello

Guida Podman
Software
Manuale d'uso

Creazione di un contenitore Node-RED

Questa guida riguarda l'installazione di un contenitore Node-RED su Pixsys WebSerie Panel “WP” e TouchController “TC”.
La visualizzazione della dashboard di Node-RED sullo schermo è possibile solo su WP – WebDispositivi a pannello e sui pannelli TC – TouchController con “WebSolo licenza "Visu". Su TouchController – pannelli TC con licenza "TargetVisu" o "TargetVisu ​​+ WebCon la licenza “Visu”, non è possibile visualizzare la dashboard di Node-RED.

Login

Per accedere al dispositivo in modalità configurazione, tenere premuto il pulsante STOP che compare all'avvio.
Accedi alla console di configurazione inserendo le seguenti credenziali:

Nome utente: utente
Password: 123456

Se si conosce l'IP del dispositivo, è anche possibile, e consigliato, accedere alla console di configurazione da un browser sul PC dell'utente, accedendo all'indirizzo: https://device-IP-.9443/ e utilizzando le credenziali di cui sopra.

Creazione della cartella per Node-RED

Il contenitore che verrà attivato necessita di uno spazio in cui memorizzare i dati dell'utente.
A questo scopo nei dispositivi è presente una cartella /data/user.
Utilizzando WinScp o un altro software di accesso sFTP, creare una cartella node-red nel percorso /data/user, seguendo i passaggi seguenti:

• Aprire WinSCP, connettersi al dispositivo utilizzando l'IP e le credenziali già utilizzate per accedere alla console di configurazione e scegliere /data/user
• Dal menu “Nuovo” selezionare l’opzione “Directory…”.
• Creare la cartella node-red, abilitando tutti i permessi “R/W/X”:

Lo stesso processo è possibile anche tramite accesso SSH e utilizzando i seguenti prompt:
mkdir -p /dati/utente/nodo-rosso
chmod a+rwx /data/user/node-red

Scarica il contenitore

Accedi ai “contenitori Podman” sulla barra dei menu:

Seleziona l'opzione "Scarica nuova immagine" nel menu a destra con l'icona a tre punti

Seleziona l'area di ricerca "docker.io"Digitare "node-red" in "Cercare”

Seleziona l'immagine ufficiale "docker.io/nodered/node-red":

Quindi premere “Download” e inizierà il download dell’immagine.

Si tratta di diverse centinaia di Mb file; a seconda della connessione Internet, potrebbero volerci diversi minuti.

Una volta completato il download sarà possibile view l'immagine sul dispositivo:

Creazione del contenitore

Nella scheda "Contenitori", premi il pulsante "Crea contenitore". Si aprirà un menu per configurare il contenitore che desideri creare.

Compila il campo "Nome" con un nome a tua scelta, sostituendo quello casuale generato automaticamente.

Dettagli della scheda:
Dalla casella “Immagine”, seleziona l’immagine scaricata come descritto nel capitolo precedente:

Configurare il “Limite di memoria” su 128 o 256 MB.
L'impostazione "Criterio di riavvio" su "Sempre" imposta il contenitore in modo che venga avviato automaticamente e riavviato anche in caso di arresto comandato dall'utente.

Integrazione delle schede:
Configurare il mapping delle porte per esporre la porta 1880 sia in TCP che in UDP e mappare il percorso del contenitore /data, visibile da node-red, nel percorso host /data/user/node-red

Controllo integrità scheda:
Questa scheda definisce i controlli sul corretto funzionamento del contenitore e sul suo comportamento in caso di errore.
L'immagine sottostante mostra i parametri predefiniti:

A questo puntotage, premere “Crea ed esegui” e attendere la creazione del contenitore.

Test del contenitore

Una volta terminata la procedura di creazione del contenitore, l'elenco "Contenitori" visualizzerà il nuovo contenitore in esecuzione (Stato: In esecuzione):

Apri un browser sul PC e vai alla pagina: http://device-IP.1880

Creazione di una dashboard

La dashboard consente a Node-RED di presentare/pubblicare una dinamica web pagina.
Installare “node-red-dashboard”, aprendo la palette Gestione menu:

Cercare node-red-dashboard all'interno della scheda Installa

Attendi il completamento dell'installazione, quindi accedi alla console e importa il Flow inserito alla fine della guida dal menu Importa:

**Questo è exampil codice senza uno scopo reale.
NB per l'utilizzo di Node-RED e della Dashboard, fare riferimento alla documentazione disponibile online.

Una volta importato il codice, verrà generato un progetto come il seguente:

Premere per compilare e avviare il progetto.
Pagina di apertura http://device-IP.1880/ui, il risultato sarà simile al seguente:

Configurazione del pannello per visualizzare la dashboard

A questo punto, per i pannelli che lo consentono, accedere al menu WP Settings, quindi Impostazioni principali dell'applicazione, e digitare URL http://localhost.1880/ui
Utilizzare il termine localhost o IP 127.0.0.1 per far sì che il browser acceda al dispositivo stesso, indipendentemente dal suo IP effettivo.

Al riavvio, il dispositivo mostrerà la Dashboard Node-RED a schermo intero.

Exampil flusso

Il codice seguente è il testo da importare come flusso in Node-RED:

[
{
“id”: “1e6b97b5.687fd8”,
“tipo”: “scheda”,
“etichetta”: “Dashboard”,
“disabilitato”: falso,
"informazioni": ""
},
{
“id”: “ 7c8 f 99d9.196b98”,
“tipo”: “ui_text”,
“z”: “1e6b97b5.687fd8”,
“gruppo”: “dd4567b9.6a4c18”,
“ordine”: 1,
“larghezza”: “12”,
“altezza”: “1”,
“nome”: “Titolo”,
“etichetta”: “Dashboard – Visualizzazione dati casuali”,
“formato”: “{{msg.payload}}”,
“layout”: “col-center”,
“x”: 330,
“y”: 120,
“wires”: []
},
{
“id”: “2e4a56f8.cfa23a”,
“tipo”: “ui_gauge”,
“z”: “1e6b97b5.687fd8”,
“nome”: “Indicatore casuale”,
“gruppo”: “dd4567b9.6a4c18”,
“ordine”: 2,
“larghezza”: “6”,
“altezza”: “6”,
“gtype”: “misuratore”,
“titolo”: “Valore casuale”,
"etichetta": " %",
“formato”: “{{valore}}”,
“minimo”: “0”,
“massimo”: “100”,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“seg1”: “30”,
“seg2”: “70”,
“x”: 320,
“y”: 240,
“wires”: []
},
{
"id": "3b9ddefd.32b9d",
“tipo”: “ui_chart”,
“z”: “1e6b97b5.687fd8”,
“nome”: “Grafico basato sul tempo”,
“gruppo”: “dd4567b9.6a4c18”,
“ordine”: 3,
“larghezza”: “6”,
“altezza”: “6”,
“etichetta”: “Grafico temporale casuale”,
“char tType”: “linea”,
“leggenda”: ​​“falso”,
“xformat”: “HH:mm:ss”,
“interpolare”: “lineare”,
“nodata”: “”,
“ymin”: “0”,
“ymax”: “100”,
"rimuoviPiùvecchio": 1,
“rimuoviPuntiVecchi”: “”,
“removeOlderUnit”: “3600”,
“ritaglio”: 0,
“useOneColor”: falso,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“uscite”: 1,
“useDifferentColor”: falso,
“x”: 600,
“y”: 240,
“wires”: []
},
{
“id”: “ 74b1ae f 8.e7e0d8”,
“tipo”: “funzione”,
“z”: “1e6b97b5.687fd8”,
“nome”: “Genera dati casuali”,
“func”: “msg.payload = Math.floor(Math.random() * 100);\nreturn msg;”,
“uscite”: 1,
"noerr": 0,
“inizializzare”: “”,
“finalizzare”: “”,
“librerie”: [],
“x”: 130,
“y”: 240,
“fili”: [
[
“2e4a56f8.cfa23a”,
“3b9ddefd.32b9d”
]
]
},
{
“id”: “e0e9bd3c.a8ae2”,
“tipo”: “iniettare”,
“z”: “1e6b97b5.687fd8”,
"nome": "",
“oggetti di scena”: [
{
“p”: “carico utile”
}
],
“ripetere”: “1”,
“crontab”: “”,
“una volta”: vero,
“onceDelay”: 0.1,
"argomento": "",
“payloadType”: “data”,
“x”: 130,
“y”: 160,
“fili”: [
[
“74b1ae f 8.e7e0d8”
]
]
},
{
"id": "dd4567b9.6a4c18",
“tipo”: “ui_group”,
“z”: “”,
“nome”: “Dati casuali”,
“scheda”: “fe9b4293.8df8e”,
“ordine”: 1,
“disp”: vero,
“larghezza”: “12”,
“crollo”: falso
},
{
“id”: “fe9b4293.8df8e”,
“tipo”: “ui_tab”,
“z”: “”,
“nome”: “Dashboard principale”,
“icona”: “cruscotto”,
“ordine”: 1,
“disabilitato”: falso,
“nascosto”: falso
}
]

Note / Aggiornamenti

PIXSYS srl
www.pixsys.net
sales@pixsys.net – support@pixsys.net
assistenza online: http://forum.pixsys.net
via Po, 16 I-30030
Mellaredo di Pianiga, VENEZIA (IT)
Tel +39 041 5190518
200525