Pixsys logoGiya sa Podman
Software
User manual

Paghimo og Node-RED nga sudlanan

Kini nga giya naglangkob sa pag-instalar sa usa ka Node-RED nga sudlanan sa Pixsys WebPanel “WP” and TouchController “TC” series.
Displaying the Node-RED dashboard on the screen is possible only on WP – WebPanel devices and on TC – TouchController panels with the “WebVisu” license only. On TouchController – TC panels with a “TargetVisu” or “TargetVisu + WebVisu” license, it is not possible to display the Node-RED dashboard.

Login

Access the device in configuration mode by holding down the STOP button that appears at startup.
I-access ang configuration console pinaagi sa pagsulod sa mosunod nga mga kredensyal:

Username: tiggamit
password: 123456

If the device IP is known, it is also possible, and recommended, to access the configuration console from a browser on the user’s PC by accessing the address: https://device-IP-.9443/ ug gamit ang mga kredensyal sa ibabaw.

Paghimo sa folder alang sa Node-RED

Ang sudlanan nga paga-aktibo nanginahanglan usa ka wanang sa pagtipig sa datos sa tiggamit.
For this purpose, in the devices, there is a folder /data/user.
Using WinScp or another sFTP access software, create a folder node-red within the path /data/user, following the steps below:

  • Open WinSCP, connect to the device using the IP and credentials already used to access the configuration console, and choose /data/userPixsys Web Panel Touch Controller Software - Creating the folder for Node-RED
  • From the Menu “New” select the option “Directory…”.Pixsys Web Panel Touch Controller Software - Directory
  • Create the folder node-red, enabling all “R/W/X” permits:Pixsys Web Panel Touch Controller Software - Create the folder node-red enabling

The same process is also possible by SSH access and using the following prompts:
mkdir -p /data/user/node-red
chmod a+rwx /data/user/node-red

Pixsys Web Panel Touch Controller Software - Same process is possible also by SSH access

Download of the container

Pag-access sa "Podman containers" sa Menu bar:Pixsys Web Panel Touch Controller Software - Download of container

Select the option“Download new image” in the menu to the right with the three-dot icon

Pixsys Web Panel Touch Controller Software - Download new imageSelect the search area “docker.io“Pixsys Web Panel Touch Controller Software - Select the search areaIsulat ang "node-red" sa "Pangitaa ang

Pixsys Web Panel Touch Controller Software - “node-red

Select official image “docker.io/nodered/node-red”:

Pixsys Web Panel Touch Controller Software - Select official image

Then press “Download” and the download of the image will start.

Pixsys Web Panel Touch Controller Software - Download 2

This is a several hundred Mb file; depending on the internet connection, it may take several minutes.

Kung kompleto na ang pag-download, mahimo nang view ang imahe sa aparato:

Pixsys Web Panel Touch Controller Software - download is complete

Pagbuhat sa sudlanan

In the “Containers” Tab, press the “Create container” button. A menu will open to configure the container you want to create.

Pixsys Web Panel Touch Controller Software - Container creationFill in the “Name” field with a name of your choice, replacing the automatically generated random one.

Tab Details:
From the “Image” box, choose the downloaded image as described in the previous chapter:

Pixsys Web Panel Touch Controller Software - Tab Details

Configure “Memory limit” to 128 or 256 MB.
“Restart Policy” set to “Always” sets the container to start automatically and be restarted even in the event of a user-commanded shutdown.

Tab Integration:
Configure port mapping to expose port 1880 in both TCP and UDP, and map the Container Path /data, visible from node-red, in Host Path /data/user/node-red

Pixsys Web Panel Touch Controller Software - Tab Integration

Tab Health check:
This Tab defines the control checks on the correct operation of the container and how it will behave in case of an error.
The image below shows the default parameters:

Pixsys Web Panel Touch Controller Software - Tab Health checkNiini nga stage, press “Create and run” and wait for the creation of the container.

Pagsulay sa sudlanan

When the container creation procedure is finished, the “Containers” list will display the new running container (State: Running):

Pixsys Web Panel Touch Controller Software - Testing the container

Open a browser on PC and go to the page: http://device-IP.1880

Pixsys Web Panel Touch Controller Software - Open a browser on PC and go to page

Paghimo og dashboard

Ang dashboard nagtugot sa Node-RED sa pagpresentar/pagmantala sa usa ka dinamikong web panid.
Install “node-red-dashboard”, opening the Menu Manage palette:

Pixsys Web Panel Touch Controller Software - Creating a dashboard

Pangitaa ang node-red-dashboard within the tab Install

Pixsys Web Panel Touch Controller Software - <span>Search for</span> node-red-dashboard within tab Install

Wait for the installation to be completed, and then log in to the console and import the Flow entered at the end of the guide from the menu Import:

Pixsys Web Panel Touch Controller Software - IMport

**Kini si example code with no real purpose.
NB for the use of Node-RED and the Dashboard, please refer to the documentation available online.

Pixsys Web Panel Touch Controller Software - Node-RED and the Dashboard

Kung ma-import na ang code, maghatag kini usa ka proyekto sama sa mosunod:

Pixsys Web Panel Touch Controller Software - Once the code is imported

Press Pixsys Web Panel Touch Controller Software - Symbol 1 sa pag-compile ug pagsugod sa proyekto.
Opening page http://device-IP.1880/ui, the result will look like the following:

Pixsys Web Panel Touch Controller Software - result will look like the following

Pag-configure sa panel aron ipakita ang dashboard

At this point, for panels that allow it, access the menu WP Settings, then Main application settings, and enter URL http://localhost.1880/ui
Use the term localhost or IP 127.0.0.1 to make the browser access the device itself, regardless of its actual IP.

Pixsys Web Panel Touch Controller Software - Configuring the panelUpon reboot, the device will show the full-screen Node-RED Dashboard.

Example agas

The following code is the text to be imported as a Flow in Node-RED:

[
{
“id”: “1e6b97b5.687fd8”,
“type”: “tab”,
“label”: “Dashboard”,
“disabled”: false,
“info”: “”
},
{
“id”: “ 7c8 f 99d9.196b98”,
“type”: “ui_text”,
“z”: “1e6b97b5.687fd8”,
“group”: “dd4567b9.6a4c18”,
“order”: 1,
“width”: “12”,
“height”: “1”,
“name”: “Title”,
“label”: “Dashboard – Random Data Display”,
“format”: “{{msg.payload}}”,
“layout”: “col-center”,
“x”: 330,
“y”: 120,
“wires”: [] },
{
“id”: “2e4a56f8.cfa23a”,
“type”: “ui_gauge”,
“z”: “1e6b97b5.687fd8”,
“name”: “Random Gauge”,
“group”: “dd4567b9.6a4c18”,
“order”: 2,
“width”: “6”,
“height”: “6”,
“gtype”: “gage”,
“title”: “Random Value”,
“label”: “ %”,
“format”: “{{value}}”,
"min": "0",
"max": "100",
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“seg1”: “30”,
“seg2”: “70”,
“x”: 320,
“y”: 240,
“wires”: [] },
{
“id”: “3b9ddefd.32b9d”,
“type”: “ui_chart”,
“z”: “1e6b97b5.687fd8”,
“name”: “Time-based Chart”,
“group”: “dd4567b9.6a4c18”,
“order”: 3,
“width”: “6”,
“height”: “6”,
“label”: “Random Time Chart”,
“char tType”: “line”,
“legend”: “false”,
“xformat”: “HH:mm: ss”,
“interpolate”: “linear”,
“nodata”: “”,
“ymin”: “0”,
“ymax”: “100”,
“removeOlder”: 1,
“removeOlderPoints”: “”,
“removeOlderUnit”: “3600”,
“cutout”: 0,
“useOneColor”: false,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“outputs”: 1,
“useDifferentColor”: false,
“x”: 600,
“y”: 240,
“wires”: [] },
{
“id”: “ 74b1ae f 8.e7e0d8”,
“type”: “function”,
“z”: “1e6b97b5.687fd8”,
“name”: “Generate Random Data”,
“func”: “msg.payload = Math.floor(Math.random() * 100);\nreturn msg;”,
“outputs”: 1,
“noerr”: 0,
“initialize”: “”,
“finalize”: “”,
“libs”: [],
“x”: 130,
“y”: 240,
“wires”: [
[
“2e4a56f8.cfa23a”,
“3b9ddefd.32b9d”
] ] },
{
“id”: “e0e9bd3c.a8ae2”,
“type”: “inject”,
“z”: “1e6b97b5.687fd8”,
“name”: “”,
“props”: [
{
“p”: “payload”
}
],
“repeat”: “1”,
“crontab”: “”,
“once”: true,
“onceDelay”: 0.1,
“topic”: “”,
“payloadType”: “date”,
“x”: 130,
“y”: 160,
“wires”: [
[
“74b1ae f 8.e7e0d8”
] ] },
{
“id”: “dd4567b9.6a4c18”,
“type”: “ui_group”,
“z”: “”,
“name”: “Random Data”,
“tab”: “fe9b4293.8df8e”,
“order”: 1,
“disp”: true,
“width”: “12”,
“collapse”: false
},
{
“id”: “fe9b4293.8df8e”,
“type”: “ui_tab”,
“z”: “”,
“name”: “Main Dashboard”,
“icon”: “dashboard”,
“order”: 1,
“disabled”: false,
“hidden”: false
}
]

Mga Nota / Update

Pixsys Web Panel Touch Controller Software - Symbol 2PIXSYS srl
www.pixsys.net
sales@pixsys.netsupport@pixsys.net
online assistance: http://forum.pixsys.net
via Po, 16 I-30030
Mellaredo di Pianiga, VENEZIA (IT)
Tel +39 041 5190518
200525

Mga Dokumento / Mga Kapanguhaan

Pixsys Web Software sa Panel Touch Controller [pdf] Giya sa Gumagamit
serye sa WP, serye sa TC, Web Panel Touch Controller Software, Touch Controller Software, Controller Software, Software

Mga pakisayran

Pagbilin ug komento

Ang imong email address dili mamantala. Ang gikinahanglan nga mga natad gimarkahan *