——DWIN 개발자 포럼에서
이번 호에서는 브라우저 웹페이지 및 T5L Divin Screen 직렬 포트 심층 확장(Node-RED 기술)이라는 새로운 분야에서 Divin Screen을 적용하기 위한 Devin 개발자 포럼의 수상 경력에 빛나는 오픈 소스 사례를 소개합니다. . 엔지니어는 T5L 스마트 화면을 사용하여 Node-RED 기술을 통과하고 인터넷에 연결하고 Diwen 화면과 브라우저 웹 페이지 간의 데이터 상호 작용을 실현하기 위해 직렬 포트만 필요합니다. 이 솔루션은 스마트 스크린과 웹 페이지 간 데이터 송수신, 차트 상호 작용, 기본 정보 표시 등의 기능을 구현합니다.
1. Node-RED 웹페이지 실행 효과 표시
(1) Node-RED 기술을 사용하여 브라우저를 상호 작용 입구로 사용하여 브라우저와 화면이 직렬 포트를 통해 상호 작용하여 해당 기능 표시를 실현합니다.
데이터 전송 및 수신 탭 페이지
아이콘 대화형 탭 페이지
기본 정보 탭 페이지 효과
(2) Node-RED 웹 클라이언트의 주요 참조 코드는 다음과 같습니다.
{
"id": "fbb314a16ea00889",
"type": "직렬 입력",
"에서": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "직렬 포트가 데이터를 수신합니다",
"연속": "83fb45b5f4b51d61",
"x": 390,
"그리고": 140,
"와이어": [
[
"685a2fb2c2dc8fba"
]
]
},
{
"id": "1ba3c6e812e03e27",
"type": "직렬 출력",
"에서": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "직렬 포트 전송",
"연속": "83fb45b5f4b51d61",
"x": 860,
"그리고": 260,
"와이어": []
},
{
"id": "5fb7f1d3d7425133",
"유형": "상태",
"에서": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "직렬 포트 상태 모니터링",
"범위": [
"fbb314a16ea00889"
],
"x": 390,
"및": 200,
"와이어": [
[
"3f18d1fdea398d35"
]
]
},
{
"id": "3f18d1fdea398d35",
"유형": "함수",
"에서": "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,
"및": 200,
"와이어": [
[
"2ec78ff0b0b9a56f"
]
]
},
{
"id": "2ec78ff0b0b9a56f",
"유형": "ui_template",
"에서": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"그룹": "4e4db779a7b91019",
"name": "직렬 포트 상태 표시",
"주문": 1,
"너비": 0,
"높이": 0,
"형식": "
2. DGUS나인터페이스디디자인
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(숫자
{
for(i=0;i
{
값= (숫자==i);
sys_write_vp(0x2300+i,(u8*)&val, 1);
}
}elseif(숫자
{
값=(숫자==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
{
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일
- English
- French
- German
- Portuguese
- Spanish
- Russian
- Japanese
- Korean
- Arabic
- Irish
- Greek
- Turkish
- Italian
- Danish
- Romanian
- Indonesian
- Czech
- Afrikaans
- Swedish
- Polish
- Basque
- Catalan
- Esperanto
- Hindi
- Lao
- Albanian
- Amharic
- Armenian
- Azerbaijani
- Belarusian
- Bengali
- Bosnian
- Bulgarian
- Cebuano
- Chichewa
- Corsican
- Croatian
- Dutch
- Estonian
- Filipino
- Finnish
- Frisian
- Galician
- Georgian
- Gujarati
- Haitian
- Hausa
- Hawaiian
- Hebrew
- Hmong
- Hungarian
- Icelandic
- Igbo
- Javanese
- Kannada
- Kazakh
- Khmer
- Kurdish
- Kyrgyz
- Latin
- Latvian
- Lithuanian
- Luxembou..
- Macedonian
- Malagasy
- Malay
- Malayalam
- Maltese
- Maori
- Marathi
- Mongolian
- Burmese
- Nepali
- Norwegian
- Pashto
- Persian
- Punjabi
- Serbian
- Sesotho
- Sinhala
- Slovak
- Slovenian
- Somali
- Samoan
- Scots Gaelic
- Shona
- Sindhi
- Sundanese
- Swahili
- Tajik
- Tamil
- Telugu
- Thai
- Ukrainian
- Urdu
- Uzbek
- Vietnamese
- Welsh
- Xhosa
- Yiddish
- Yoruba
- Zulu
- Kinyarwanda
- Tatar
- Oriya
- Turkmen
- Uyghur