오픈 소스 브라우저 웹페이지 및 T5L DWIN 화면 직렬 포트 심층 확장(Node-RED 기술)

——DWIN 개발자 포럼에서

이번 호에서는 브라우저 웹페이지 및 T5L Divin Screen 직렬 포트 심층 확장(Node-RED 기술)이라는 새로운 분야에서 Divin Screen을 적용하기 위한 Devin 개발자 포럼의 수상 경력에 빛나는 오픈 소스 사례를 소개하겠습니다. .엔지니어는 T5L 스마트 화면을 사용하여 Node-RED 기술을 통과하고 인터넷에 연결하고 Diwen 화면과 브라우저 웹 페이지 간의 데이터 상호 작용을 실현하기 위해 직렬 포트만 필요합니다.이 솔루션은 스마트 스크린과 웹 페이지 간 데이터 송수신, 차트 상호 작용, 기본 정보 표시 등의 기능을 구현합니다.

1. Node-RED 웹페이지 실행 효과 표시

(1) Node-RED 기술을 사용하여 브라우저를 상호 작용 입구로 사용하여 브라우저와 화면이 직렬 포트를 통해 상호 작용하여 해당 기능 표시를 실현합니다.

아스바 (1)
아스바 (2)

데이터 전송 및 수신 탭 페이지

아이콘 대화형 탭 페이지

아스바 (3)

기본 정보 탭 페이지 효과

(2) Node-RED 웹 클라이언트의 주요 참조 코드는 다음과 같습니다.

{

"id": "fbb314a16ea00889",

"type": "직렬 입력",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"name": "직렬 포트가 데이터를 수신합니다",

"연속": "83fb45b5f4b51d61",

"x": 390,

"y": 140,

"와이어": [

[

"685a2fb2c2dc8fba"

]

]

},

{

"id": "1ba3c6e812e03e27",

"type": "직렬 출력",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"name": "직렬 포트 전송",

"연속": "83fb45b5f4b51d61",

"x": 860,

"y": 260,

"와이어": []

},

{

"id": "5fb7f1d3d7425133",

"유형": "상태",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"name": "직렬 포트 상태 모니터링",

"범위": [

"fbb314a16ea00889"

],

"x": 390,

"y": 200,

"와이어": [

[

"3f18d1fdea398d35"

]

]

},

{

"id": "3f18d1fdea398d35",

"유형": "함수",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"name": "직렬 포트 상태 추출",

"func": "let sta = msg.status.text;\nlet color = 'red';\nif (sta.indexOf('not-connected') >= 0) \n sta = '연결되지 않음';\nelse if (sta.indexOf('connected') >= 0)\n{\n sta = '연결 성공';\n color = '녹색';\n}else\n sta = '오류 발생';\nmsg[' 페이로드'] = sta;\nmsg['color'] = 색상;\n\n메시지 반환;",

"출력": 1,

"시간 초과": 0,

"noerr": 0,

"초기화": "",

"최종화": "",

"libs": [],

"x": 620,

"y": 200,

"와이어": [

[

"2ec78ff0b0b9a56f"

]

]

},

{

"id": "2ec78ff0b0b9a56f",

"유형": "ui_template",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"그룹": "4e4db779a7b91019",

"name": "직렬 포트 상태 표시",

"주문": 1,

"너비": 0,

"높이": 0,

"형식": "\n 직렬 포트 상태:

2.DGUSI인터페이스D디자인

아스바 (4)

1. C51 공학설계

이 솔루션은 T5L 스마트 스크린 직렬 포트 2를 사용하여 Node-RED 웹 페이지와 통신합니다.일부 참조 코드는 다음과 같습니다.

#include "sys.h"

#include "uart2.h"

#포함하다

#포함하다

u8 버프[200];

무효 메인(void)

{

u16num;

u16val;

u16old;

u8i;

sys_init();

uart2_init(115200);

이전= 0;

동안(1)

{

if(is_recv_complete)

{

uart2_buf[recv_len++]= 0;

uart2_buf[recv_len++]= 0;

if(strstr((char*)uart2_buf,"cmd"))

{

숫자= uart2_buf[3]-'0';

if(숫자<3)

{

for(i=0;i<3;i++)

{

값= (숫자==i);

sys_write_vp(0x2300+i,(u8*)&val, 1);

}

}elseif(숫자<5)

{

값= (숫자==3);

sys_write_vp(0x2200,(u8*)&val, 1);

}

}또 다른

{

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(발==1)

{

sys_read_vp(0x2100,buff, 50);

for(i=0;i<100;i++)

{

if(버프==0xff)

{

버프= 0x00;

버프[i+1]= 0x00;

부서지다;

}

}

u2_send_bytes(buff,strlen(버프));

값= 0;

sys_write_vp(0x1000,(u8*)&val, 1);

}

sys_read_vp(0x2400,(u8*)&val, 1);

if(val!=old)

{

sprintf(버프,"%d", val);

u2_send_bytes(buff,strlen(버프));

오래된=발;

}

}

}


게시 시간: 2023년 12월 28일