Pixsys Web Panel Touch Controller Software ຄູ່ມືຜູ້ໃຊ້

ຄູ່ມື Podman
ຊອບແວ
ຄູ່ມືຜູ້ໃຊ້

ການສ້າງກ່ອງບັນຈຸ Node-RED

ຄູ່ມືນີ້ກວມເອົາການຕິດຕັ້ງກ່ອງບັນຈຸ Node-RED ໃນ Pixsys Webແຜງ “WP” ແລະ TouchController “TC” ຊຸດ.
ການສະແດງແຜງໜ້າປັດ Node-RED ໃນໜ້າຈໍແມ່ນເປັນໄປໄດ້ພຽງແຕ່ໃນ WP – Webອຸປະກອນແຜງ ແລະໃນ TC – TouchController panels ກັບ “Webໃບອະນຸຍາດ Visu ເທົ່ານັ້ນ. ໃນ TouchController – ແຜງ TC ທີ່ມີ “TargetVisu” ຫຼື “TargetVisu ​​+ WebVisu” ໃບອະນຸຍາດ, ມັນເປັນໄປບໍ່ໄດ້ທີ່ຈະສະແດງ dashboard Node-RED.

ເຂົ້າສູ່ລະບົບ

ເຂົ້າເຖິງອຸປະກອນໃນໂໝດການຕັ້ງຄ່າໂດຍການກົດປຸ່ມຢຸດທີ່ປະກົດຂຶ້ນໃນຕອນເລີ່ມຕົ້ນຄ້າງໄວ້.
ເຂົ້າເຖິງຄອນໂຊການຕັ້ງຄ່າໂດຍການໃສ່ຂໍ້ມູນປະຈໍາຕົວຕໍ່ໄປນີ້:

ຊື່ຜູ້ໃຊ້: ຜູ້ໃຊ້
ລະຫັດຜ່ານ: 123456

ຖ້າ IP ຂອງອຸປະກອນເປັນທີ່ຮູ້ຈັກ, ມັນກໍ່ເປັນໄປໄດ້, ແລະແນະນໍາ, ເພື່ອເຂົ້າຫາ console ການຕັ້ງຄ່າຈາກຕົວທ່ອງເວັບໃນ PC ຂອງຜູ້ໃຊ້ໂດຍການເຂົ້າຫາທີ່ຢູ່: https://device-IP-.9443/ ແລະການນໍາໃຊ້ຂໍ້ມູນປະຈໍາຂ້າງເທິງ.

ການສ້າງໂຟນເດີສໍາລັບ Node-RED

ກ່ອງບັນຈຸທີ່ຈະຖືກເປີດໃຊ້ຕ້ອງມີພື້ນທີ່ຈັດເກັບຂໍ້ມູນຜູ້ໃຊ້.
ສໍາລັບຈຸດປະສົງນີ້, ໃນອຸປະກອນ, ມີໂຟນເດີ / ຂໍ້ມູນ / ຜູ້ໃຊ້.
ການ​ນໍາ​ໃຊ້ WinScp ຫຼື​ຊອບ​ແວ​ການ​ເຂົ້າ​ເຖິງ sFTP ອື່ນ​, ສ້າງ folder node​-red ໃນ​ເສັ້ນ​ທາງ /data/user​, ປະ​ຕິ​ບັດ​ຕາມ​ຂັ້ນ​ຕອນ​ຂ້າງ​ລຸ່ມ​ນີ້​:

• ເປີດ WinSCP, ເຊື່ອມຕໍ່ກັບອຸປະກອນໂດຍໃຊ້ IP ແລະຂໍ້ມູນປະຈໍາຕົວທີ່ໃຊ້ແລ້ວເພື່ອເຂົ້າເຖິງຄອນໂຊນການຕັ້ງຄ່າ, ແລະເລືອກ /data/user
• ຈາກເມນູ "ໃຫມ່" ເລືອກຕົວເລືອກ "ໄດເລກະທໍລີ ... ".
• ສ້າງໂຟເດີ node-red, ເປີດການອະນຸຍາດ “R/W/X” ທັງໝົດ:

ຂະບວນການດຽວກັນຍັງເປັນໄປໄດ້ໂດຍການເຂົ້າເຖິງ SSH ແລະການນໍາໃຊ້ການເຕືອນຕໍ່ໄປນີ້:
mkdir -p /data/user/node-red
chmod a+rwx /data/user/node-red

ດາວ​ໂຫຼດ​ພາ​ຊະ​ນະ​

ເຂົ້າເຖິງ “ຕູ້ບັນຈຸ Podman” ໃນແຖບເມນູ:

ເລືອກຕົວເລືອກ “ດາວໂຫຼດຮູບໃໝ່” ໃນເມນູດ້ານຂວາດ້ວຍໄອຄອນສາມຈຸດ

ເລືອກພື້ນທີ່ຄົ້ນຫາ "docker.io"ພິມ “node-red” ໃນ “ຊອກຫາ”

ເລືອກຮູບທີ່ເປັນທາງການ “docker.io/nodered/node-red”:

ຫຼັງ​ຈາກ​ນັ້ນ​, ກົດ "ດາວ​ໂຫລດ​" ແລະ​ການ​ດາວ​ໂຫຼດ​ຮູບ​ພາບ​ຈະ​ເລີ່ມ​ຕົ້ນ​.

ນີ້ແມ່ນຫຼາຍຮ້ອຍ Mb file; ອີງຕາມການເຊື່ອມຕໍ່ອິນເຕີເນັດ, ມັນອາດຈະໃຊ້ເວລາຫຼາຍນາທີ.

ໃນ​ເວ​ລາ​ທີ່​ການ​ດາວ​ໂຫຼດ​ສໍາ​ເລັດ​, ມັນ​ຈະ​ເປັນ​ໄປ​ໄດ້​ view ຮູບ​ພາບ​ໃນ​ອຸ​ປະ​ກອນ​:

ການສ້າງຕູ້ຄອນເທນເນີ

ໃນແຖບ "ຕູ້ຄອນເທນເນີ", ກົດປຸ່ມ "ສ້າງຕູ້ຄອນເທນເນີ". ເມ​ນູ​ຈະ​ເປີດ​ເພື່ອ​ປັບ​ຄ່າ​ພາ​ຊະ​ນະ​ທີ່​ທ່ານ​ຕ້ອງ​ການ​ສ້າງ​.

ຕື່ມໃສ່ໃນຊ່ອງ "ຊື່" ດ້ວຍຊື່ທີ່ທ່ານເລືອກ, ທົດແທນການສຸ່ມທີ່ສ້າງຂຶ້ນໂດຍອັດຕະໂນມັດ.

ລາຍລະອຽດແຖບ:
ຈາກກ່ອງ "ຮູບພາບ", ເລືອກຮູບພາບທີ່ດາວໂຫລດໄດ້ຕາມທີ່ອະທິບາຍໄວ້ໃນບົດທີ່ຜ່ານມາ:

ກຳນົດຄ່າ “ຈຳກັດຄວາມຈຳ” ເປັນ 128 ຫຼື 256 MB.
"ນະ​ໂຍ​ບາຍ​ການ​ເລີ່ມ​ຕົ້ນ​ໃຫມ່​" ທີ່​ຕັ້ງ​ເປັນ "ສະ​ເຫມີ​" ກໍາ​ນົດ​ພາ​ຊະ​ນະ​ເພື່ອ​ເລີ່ມ​ຕົ້ນ​ອັດ​ຕະ​ໂນ​ມັດ​ແລະ​ຈະ​ເລີ່ມ​ຕົ້ນ​ໃຫມ່​ເຖິງ​ແມ່ນ​ວ່າ​ໃນ​ກໍ​ລະ​ນີ​ຂອງ​ການ​ປິດ​ໂດຍ​ຜູ້​ໃຊ້​ຄໍາ​ສັ່ງ​.

ການປະສົມປະສານແຖບ:
ຕັ້ງຄ່າແຜນທີ່ພອດເພື່ອເປີດເຜີຍພອດ 1880 ໃນທັງ TCP ແລະ UDP, ແລະສ້າງແຜນທີ່ Container Path /data, ເຫັນໄດ້ຈາກ node-red, ໃນ Host Path /data/user/node-red

ກວດສຸຂະພາບແຖບ:
ແຖບນີ້ກໍານົດການຄວບຄຸມການກວດສອບການເຮັດວຽກທີ່ຖືກຕ້ອງຂອງບັນຈຸແລະວິທີການທີ່ມັນຈະປະຕິບັດໃນກໍລະນີຂອງຄວາມຜິດພາດ.
ຮູບພາບຂ້າງລຸ່ມນີ້ສະແດງໃຫ້ເຫັນຄ່າເລີ່ມຕົ້ນ:

ໃນນີ້ stage, ກົດ "ສ້າງແລະແລ່ນ" ແລະລໍຖ້າການສ້າງກ່ອງບັນຈຸ.

ການທົດສອບບັນຈຸ

ເມື່ອຂັ້ນຕອນການສ້າງຕູ້ຄອນເທນເນີສຳເລັດແລ້ວ, ລາຍການ “Containers” ຈະສະແດງກ່ອງບັນຈຸໃໝ່ທີ່ກຳລັງແລ່ນ (ສະຖານະ: ກຳລັງແລ່ນ):

ເປີດຕົວທ່ອງເວັບໃນ PC ແລະໄປທີ່ຫນ້າ: http://device-IP.1880

ການສ້າງ dashboard

Dashboard ອະນຸຍາດໃຫ້ Node-RED ນໍາສະເຫນີ / ເຜີຍແຜ່ແບບເຄື່ອນໄຫວ web ໜ້າ.
ຕິດຕັ້ງ "node-red-dashboard", ເປີດເມນູ Manage palette:

ຊອກຫາ node-red-dashboard ພາຍໃນແຖບຕິດຕັ້ງ

ລໍຖ້າໃຫ້ການຕິດຕັ້ງສໍາເລັດ, ແລະຫຼັງຈາກນັ້ນເຂົ້າສູ່ລະບົບ console ແລະນໍາເຂົ້າ Flow ເຂົ້າມາໃນຕອນທ້າຍຂອງຄໍາແນະນໍາຈາກເມນູນໍາເຂົ້າ:

** ອັນ​ນີ້​ແມ່ນ example ລະຫັດທີ່ບໍ່ມີຈຸດປະສົງທີ່ແທ້ຈິງ.
NB ສໍາລັບການນໍາໃຊ້ຂອງ Node-RED ແລະ Dashboard, ກະລຸນາເບິ່ງເອກະສານທີ່ມີຢູ່ໃນອອນໄລນ໌.

ເມື່ອລະຫັດຖືກນໍາເຂົ້າ, ນີ້ຈະສະຫນອງໂຄງການເຊັ່ນຫນຶ່ງຕໍ່ໄປນີ້:

ກົດ ເພື່ອລວບລວມແລະເລີ່ມໂຄງການ.
ໜ້າເປີດ http://device-IP.1880/ui, ຜົນໄດ້ຮັບຈະມີລັກສະນະດັ່ງຕໍ່ໄປນີ້:

ການຕັ້ງຄ່າແຜງເພື່ອສະແດງແຜງໜ້າປັດ

ໃນຈຸດນີ້, ສໍາລັບແຜງທີ່ອະນຸຍາດໃຫ້ມັນ, ເຂົ້າຫາເມນູ WP Settings, ຫຼັງຈາກນັ້ນການຕັ້ງຄ່າຄໍາຮ້ອງສະຫມັກຕົ້ນຕໍ, ແລະເຂົ້າ URL http://localhost.1880/ui
ໃຊ້ຄໍາວ່າ localhost ຫຼື IP 127.0.0.1 ເພື່ອເຮັດໃຫ້ຕົວທ່ອງເວັບເຂົ້າເຖິງອຸປະກອນຂອງມັນເອງ, ບໍ່ວ່າຈະເປັນ IP ຕົວຈິງຂອງມັນ.

ເມື່ອປິດເປີດໃໝ່, ອຸປະກອນຈະສະແດງແຜງໜ້າປັດ Node-RED ເຕັມຈໍ.

Example ການໄຫຼ

ລະຫັດຕໍ່ໄປນີ້ແມ່ນຂໍ້ຄວາມທີ່ຈະນໍາເຂົ້າເປັນ Flow ໃນ Node-RED:

[
{
“id”: “1e6b97b5.687fd8”,
"ປະເພດ": "ແຖບ",
"ປ້າຍກຳກັບ": "ແຜງໜ້າປັດ",
"ພິການ": ບໍ່ຖືກຕ້ອງ,
"ຂໍ້ມູນ": ""
},
{
“id”: “7c8 f 99d9.196b98”,
"ປະເພດ": "ui_text",
“z”: “1e6b97b5.687fd8”,
“ກຸ່ມ”: “dd4567b9.6a4c18”,
"ຄໍາສັ່ງ": 1,
“ກວ້າງ”: “12”,
"ຄວາມສູງ": "1",
"ຊື່": "ຊື່",
“ປ້າຍກຳກັບ”: “ແຜງໜ້າປັດ – ການສະແດງຂໍ້ມູນແບບສຸ່ມ”,
“format”: “{{msg.payload}}”,
"layout": "col-center",
“x”: 330,
“y”: 120,
“wires”: []
},
{
“id”: “2e4a56f8.cfa23a”,
"ປະເພດ": "ui_gauge",
“z”: “1e6b97b5.687fd8”,
"ຊື່": "ເຄື່ອງວັດແທກແບບສຸ່ມ",
“ກຸ່ມ”: “dd4567b9.6a4c18”,
"ຄໍາສັ່ງ": 2,
“ກວ້າງ”: “6”,
"ຄວາມສູງ": "6",
"gtype": "gage",
"ຫົວຂໍ້": "ມູນຄ່າ Random",
“ປ້າຍຊື່”: “%”,
“format”: “{{value}}”,
“ນາທີ”: “0”,
"ສູງສຸດ": "100",
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“seg1”: “30”,
“seg2”: “70”,
“x”: 320,
“y”: 240,
“wires”: []
},
{
“id”: “3b9ddefd.32b9d”,
"ປະເພດ": "ui_chart",
“z”: “1e6b97b5.687fd8”,
"ຊື່": "ຕາຕະລາງອີງໃສ່ເວລາ",
“ກຸ່ມ”: “dd4567b9.6a4c18”,
"ຄໍາສັ່ງ": 3,
“ກວ້າງ”: “6”,
"ຄວາມສູງ": "6",
"ປ້າຍຊື່": "ຕາຕະລາງເວລາແບບສຸ່ມ",
“char tType”: “ເສັ້ນ”,
"ນິທານ": "ບໍ່ຖືກຕ້ອງ",
“xformat”: “HH: mm: ss”,
"interpolate": "ເສັ້ນ",
"nodata": "",
"ymin": "0",
“ymax”: “100”,
“removeOlder”: 1,
“removeOlderPoints”: “”,
“removeOlderUnit”: “3600”,
“ຕັດ”: 0,
"useOneColor": ບໍ່ຖືກຕ້ອງ,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
"ຜົນໄດ້ຮັບ": 1,
"useDifferentColor": ບໍ່ຖືກຕ້ອງ,
“x”: 600,
“y”: 240,
“wires”: []
},
{
“id”: “74b1ae f 8.e7e0d8”,
"ປະເພດ": "ຫນ້າທີ່",
“z”: “1e6b97b5.687fd8”,
"ຊື່": "ສ້າງຂໍ້ມູນແບບສຸ່ມ",
“func”: “msg.payload = Math.floor(Math.random() * 100);\nສົ່ງຄືນຂໍ້ຄວາມ;”,
"ຜົນໄດ້ຮັບ": 1,
"noer": 0,
"ເລີ່ມຕົ້ນ": "",
"ສຸດທ້າຍ": "",
“libs”: [],
“x”: 130,
“y”: 240,
“ສາຍ”: [
[
“2e4a56f8.cfa23a”,
“3b9ddefd.32b9d”
]
]
},
{
“id”: “e0e9bd3c.a8ae2”,
“ປະເພດ”: “ສັກ”,
“z”: “1e6b97b5.687fd8”,
"ຊື່": "",
"ອຸປະກອນເສີມ": [
{
"p": "ການໂຫຼດ"
}
],
“ຊ້ຳ”: “1”,
"crontab": "",
"ຄັ້ງດຽວ": ຄວາມຈິງ,
“oneceDelay”: 0.1,
"ຫົວຂໍ້": "",
"ປະເພດ payload": "ວັນທີ",
“x”: 130,
“y”: 160,
“ສາຍ”: [
[
“74b1ae f 8.e7e0d8”
]
]
},
{
“id”: “dd4567b9.6a4c18”,
"ປະເພດ": "ui_group",
"z": "",
"ຊື່": "ຂໍ້ມູນແບບສຸ່ມ",
“tab”: “fe9b4293.8df8e”,
"ຄໍາສັ່ງ": 1,
“disp”: ແມ່ນ​ແທ້,
“ກວ້າງ”: “12”,
“ພັງທະລາຍ”: ບໍ່ຖືກຕ້ອງ
},
{
"id": "fe9b4293.8df8e",
"ປະເພດ": "ui_tab",
"z": "",
"ຊື່": "ແຜງໜ້າປັດຫຼັກ",
“icon”: “dashboard”,
"ຄໍາສັ່ງ": 1,
"ພິການ": ບໍ່ຖືກຕ້ອງ,
"ເຊື່ອງໄວ້": ບໍ່ຖືກຕ້ອງ
}
]

ຫມາຍເຫດ / ການປັບປຸງ

PIXSYS srl
www.pixsys.net
sales@pixsys.net – support@pixsys.net
ການ​ຊ່ວຍ​ເຫຼືອ​ອອນ​ໄລ​ນ​໌​: http://forum.pixsys.net
ຜ່ານ Po, 16 I-30030
Mellaredo di Pianiga, VENEZIA (IT)
ໂທ +39 041 5190518
200525