픽시스 Web 패널 터치 컨트롤러 소프트웨어 사용자 가이드

포드만 가이드
소프트웨어
사용자 설명서

내용물 숨다

Node-RED 컨테이너 만들기

이 가이드에서는 Pixsys에 Node-RED 컨테이너를 설치하는 방법을 설명합니다. Web패널 "WP" 및 터치컨트롤러 "TC" 시리즈.
Node-RED 대시보드를 화면에 표시하는 것은 WP에서만 가능합니다. Web패널 장치 및 TC-TouchController 패널에는 "WebVisu” 라이선스만 해당. TouchController – “TargetVisu” 또는 “TargetVisu +”가 있는 TC 패널 WebVisu” 라이선스가 없으면 Node-RED 대시보드를 표시할 수 없습니다.

Node-RED 폴더 생성

활성화될 컨테이너에는 사용자 데이터를 저장할 공간이 필요합니다.
이러한 목적을 위해 장치에는 /data/user 폴더가 있습니다.
WinScp나 다른 sFTP 접속 소프트웨어를 사용하여 아래 단계에 따라 /data/user 경로 내에 node-red 폴더를 만듭니다.

WinSCP를 열고 구성 콘솔에 액세스하는 데 이미 사용된 IP 및 자격 증명을 사용하여 장치에 연결하고 /data/user를 선택합니다.
"새로 만들기" 메뉴에서 "디렉토리..." 옵션을 선택합니다.
"R/W/X" 허가를 모두 활성화하여 node-red 폴더를 만듭니다.

SSH 접속과 다음 프롬프트를 사용하여 동일한 프로세스가 가능합니다.
mkdir -p /data/user/node-red
chmod a+rwx /data/user/node-red

컨테이너 다운로드

메뉴 막대에서 "Podman 컨테이너"에 액세스하세요.

오른쪽 메뉴에서 3개 점 아이콘이 있는 "새 이미지 다운로드" 옵션을 선택하세요.

검색 영역 "docker.io"를 선택하세요"node-red"를 "검색”

공식 이미지 "docker.io/nodered/node-red"를 선택하세요:

그런 다음 "다운로드"를 누르면 이미지 다운로드가 시작됩니다.

이것은 수백 Mb입니다 file; 인터넷 연결 상태에 따라 몇 분이 걸릴 수 있습니다.

다운로드가 완료되면 다음이 가능합니다. view 장치의 이미지:

컨테이너 생성

"컨테이너" 탭에서 "컨테이너 만들기" 버튼을 누르세요. 만들려는 컨테이너를 설정할 수 있는 메뉴가 열립니다.

"이름" 필드에 원하는 이름을 입력하여 자동으로 생성된 무작위 이름을 대체합니다.

탭 세부 정보:
"이미지" 상자에서 이전 장에서 설명한 대로 다운로드한 이미지를 선택하세요.

"메모리 제한"을 128MB 또는 256MB로 구성합니다.
"다시 시작 정책"을 "항상"으로 설정하면 사용자가 명령한 종료가 발생하더라도 컨테이너가 자동으로 시작되고 다시 시작됩니다.

탭 통합:
TCP와 UDP 모두에서 포트 1880을 노출하도록 포트 매핑을 구성하고, node-red에서 볼 수 있는 컨테이너 경로 /data를 호스트 경로 /data/user/node-red에 매핑합니다.

탭 상태 점검:
이 탭은 컨테이너의 올바른 작동에 대한 제어 검사와 오류 발생 시 컨테이너의 동작 방식을 정의합니다.
아래 이미지는 기본 매개변수를 보여줍니다.

이 s에서tage, "생성 및 실행"을 누르고 컨테이너가 생성될 때까지 기다립니다.

컨테이너 테스트

컨테이너 생성 절차가 완료되면 "컨테이너" 목록에 새로 실행 중인 컨테이너(상태: 실행 중)가 표시됩니다.

PC에서 브라우저를 열고 다음 페이지로 이동하세요. http://device-IP.1880

대시보드 만들기

대시보드를 사용하면 Node-RED에서 동적을 표시/게시할 수 있습니다. web 페이지.
"node-red-dashboard"를 설치하고 메뉴 관리 팔레트를 엽니다.

검색 설치 탭 내의 node-red-dashboard

설치가 완료될 때까지 기다린 후 콘솔에 로그인하여 가이드 마지막에 입력한 Flow를 가져오기 메뉴에서 가져옵니다.

**이것은 전입니다amp실제 목적이 없는 코드.
NB Node-RED와 대시보드 사용에 대한 자세한 내용은 온라인에서 제공되는 문서를 참조하세요.

코드를 가져오면 다음과 같은 프로젝트가 제공됩니다.

누르다 프로젝트를 컴파일하고 시작합니다.
오프닝 페이지 http://device-IP.1880/ui결과는 다음과 같습니다.

대시보드를 표시하도록 패널 구성

이 시점에서 이를 허용하는 패널의 경우 WP 설정 메뉴에 액세스한 다음 기본 애플리케이션 설정을 입력하고 다음을 입력합니다. URL http://localhost.1880/ui
실제 IP에 관계없이 브라우저가 장치에 직접 액세스할 수 있도록 하려면 localhost 또는 IP 127.0.0.1이라는 용어를 사용합니다.

재부팅 시 장치에 Node-RED 대시보드가 전체 화면으로 표시됩니다.

Examp르 플로우

다음 코드는 Node-RED에서 Flow로 가져올 텍스트입니다.

[
{
“id”: “1e6b97b5.687fd8”,
"유형": "탭",
“레이블”: “대시보드”,
"disabled": 거짓,
“정보”: “”
},
{
"id": "7c8 f 99d9.196b98",
"유형": "ui_text",
“z”: “1e6b97b5.687fd8”,
“그룹”: “dd4567b9.6a4c18”,
“주문”: 1,
“너비”: “12”,
“높이”: “1”,
"name": "직함",
“label”: “대시보드 - 무작위 데이터 표시”,
“형식”: “{{msg.payload}}”,
“레이아웃”: “열 중심”,
“x”: 330,
“y”: 120,
“전선”: [] },
{
“id”: “2e4a56f8.cfa23a”,
"유형": "ui_gauge",
“z”: “1e6b97b5.687fd8”,
"name": "랜덤 게이지",
“그룹”: “dd4567b9.6a4c18”,
“주문”: 2,
“너비”: “6”,
“높이”: “6”,
“gtype”: “게이지”,
"title": "무작위 값",
“레이블”: “ %”,
“형식”: “{{값}}”,
"최소": "0",
"최대": "100",
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“seg1”: “30”,
“seg2”: “70”,
“x”: 320,
“y”: 240,
“전선”: [] },
{
“아이디”: “3b9ddefd.32b9d”,
"유형": "ui_chart",
“z”: “1e6b97b5.687fd8”,
"name": "시간 기반 차트",
“그룹”: “dd4567b9.6a4c18”,
“주문”: 3,
“너비”: “6”,
“높이”: “6”,
“label”: “무작위 시간 차트”,
“char tType”: “line”,
“범례”: “거짓”,
“xformat”: “HH:mm: ss”,
“보간”: “선형”,
“nodata”: “”,
“ymin”: “0”,
“ymax”: “100”,
"이전 제거": 1,
“removeOlderPoints”: “”,
“removeOlderUnit”: “3600”,
"컷아웃": 0,
“useOneColor”: 거짓,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
"출력": 1,
“useDifferentColor”: 거짓,
“x”: 600,
“y”: 240,
“전선”: [] },
{
"id": "74b1ae f 8.e7e0d8",
"유형": "함수",
“z”: “1e6b97b5.687fd8”,
"name": "무작위 데이터 생성",
“func”: “msg.payload = Math.floor(Math.random() * 100);\nreturn msg;”,
"출력": 1,
“noerr”: 0,
"초기화": "",
"완료": "",
“libs”: [],
“x”: 130,
“y”: 240,
“전선”: [
[
“2e4a56f8.cfa23a”,
“3b9ddefd.32b9d”
] ] },
{
“id”: “e0e9bd3c.a8ae2”,
"유형": "주입",
“z”: “1e6b97b5.687fd8”,
"이름": "",
“소품”: [
{
“p”: “페이로드”
}
],
"반복": "1",
“crontab”: “”,
“once”: 사실,
“onceDelay”: 0.1,
"주제": "",
“payloadType”: “날짜”,
“x”: 130,
“y”: 160,
“전선”: [
[
“74b1ae f 8.e7e0d8”
] ] },
{
“아이디”: “dd4567b9.6a4c18”,
"유형": "ui_group",
“z”: “”,
"name": "무작위 데이터",
“탭”: “fe9b4293.8df8e”,
“주문”: 1,
“disp”: 참,
“너비”: “12”,
“붕괴”: 거짓
},
{
"아이디": "fe9b4293.8df8e",
"유형": "ui_tab",
“z”: “”,
"name": "메인 대시보드",
"아이콘": "대시보드",
“주문”: 1,
"disabled": 거짓,
"숨겨진": 거짓
}
]

참고사항/업데이트

픽시스 주식회사
www.pixsys.net
sales@pixsys.net – support@pixsys.net
온라인 지원: http://forum.pixsys.net
Po, 16 I-30030을 통해
베네치아(IT) 멜라레도 디 피아니가
전화 +39 041 5190518
200525

문서 / 리소스

픽시스 Web 패널 터치 컨트롤러 소프트웨어 [PDF 파일] 사용자 가이드
WP 시리즈, TC 시리즈, Web 패널 터치 컨트롤러 소프트웨어, 터치 컨트롤러 소프트웨어, 컨트롤러 소프트웨어, 소프트웨어

참고문헌

사용자 설명서