Веб-страница браузера с открытым исходным кодом и глубокое расширение последовательного порта T5L DWIN Screen (технология Node-RED)
——С форума разработчиков DWIN
В этом выпуске мы представим вам отмеченный наградами кейс с открытым исходным кодом Devin Developer Forum для применения Divin Screen в новой области - веб-страницы браузера и углубленного расширения последовательного порта T5L Divin Screen (технология Node-RED). Инженеры используют интеллектуальные экраны T5L для передачи Node - технология RED требует только последовательного порта для подключения к Интернету и реализации взаимодействия данных между экраном Diwen и веб-страницей браузера. Это решение реализует такие функции, как отправка и получение данных, взаимодействие с графиком и отображение основной информации между смарт-экраном и веб-страницей.
1. Отображение эффекта работы веб-страницы Node-RED
 Вкладка «Отправка и получение данных» |
 Интерактивная вкладка с иконками |
 Основная информация Эффект страницы вкладки |
|
(2) Основные справочные коды для веб-клиента Node-RED следующие:
{
"id": "fbb314a16ea00889",
"type": "serial in",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "Serial port receives data",
"serial": "83fb45b5f4b51d61",
"x": 390,
"y": 140,
"wires": [
[
"685a2fb2c2dc8fba"
]
]
},
{
"id": "1ba3c6e812e03e27",
"type": "serial out",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "Serial port sending",
"serial": "83fb45b5f4b51d61",
"x": 860,
"y": 260,
"wires": []
},
{
"id": "5fb7f1d3d7425133",
"type": "status",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "Monitor serial port status",
"scope": [
"fbb314a16ea00889"
],
"x": 390,
"y": 200,
"wires": [
[
"3f18d1fdea398d35"
]
]
},
{
"id": "3f18d1fdea398d35",
"type": "function",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "Extract serial port status",
"func": "let sta = msg.status.text;\nlet color = 'red';\nif (sta.indexOf('not-connected') >= 0) \n sta = 'Unconnected';\nelse if (sta.indexOf('connected') >= 0)\n{\n sta = 'connection succeeded';\n color = 'green';\n}else\n sta = 'error occurred';\nmsg['payload'] = sta;\nmsg['color'] = color;\n\nreturn msg;",
"outputs": 1,
"timeout": 0,
"noerr": 0,
"initialize": "",
"finalize": "",
"libs": [],
"x": 620,
"y": 200,
"wires": [
[
"2ec78ff0b0b9a56f"
]
]
},
{
"id": "2ec78ff0b0b9a56f",
"type": "ui_template",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"group": "4e4db779a7b91019",
"name": "Display serial port status",
"order": 1,
"width": 0,
"height": 0,
"format": "<div style=\"font-size:19px;color:#444;margin:10px;\">\n Serial port status:<span style=\"margin-left:5px
2. DGUS Interface Design
1. C51 Engineering Design
Решение использует последовательный порт 2 интеллектуального экрана T5L для связи с веб-страницей Node-RED. Некоторые справочные коды следующие:
#include "sys.h"
#include "uart2.h"
#include <string.h>
#include <stdio.h>
u8 buff[200];
void main(void)
{
u16num;
u16val;
u16old;
u8i;
sys_init();
uart2_init(115200);
old= 0;
while(1)
{
if(is_recv_complete)
{
uart2_buf[recv_len++]= 0;
uart2_buf[recv_len++]= 0;
if(strstr((char*)uart2_buf,"cmd"))
{
num= uart2_buf[3]-'0';
if(num<3)
{
for(i=0;i<3;i++)
{
val= (num==i);
sys_write_vp(0x2300+i,(u8*)&val, 1);
}
}elseif(num<5)
{
val= (num==3);
sys_write_vp(0x2200,(u8*)&val, 1);
}
}else
{
sys_write_vp(0x2000,uart2_buf, recv_len/2+2);
}
recv_len= 0;
is_recv_complete= 0;
}
sys_read_vp(0x1000,(u8*)&val, 1);
if(val==1)
{
sys_read_vp(0x2100,buff, 50);
for(i=0;i<100;i++)
{
if(buff==0xff)
{
buff= 0x00;
buff[i+1]= 0x00;
break;
}
}
u2_send_bytes(buff,strlen(buff));
val= 0;
sys_write_vp(0x1000,(u8*)&val, 1);
}
sys_read_vp(0x2400,(u8*)&val, 1);
if(val!=old)
{
sprintf(buff,"%d", val);
u2_send_bytes(buff,strlen(buff));
old= val;
}
}
}
Время публикации: 28 декабря 2023 г.
