——จากฟอรัมนักพัฒนา DWIN
ในฉบับนี้ เราจะแนะนำกรณีโอเพ่นซอร์สที่ได้รับรางวัลของฟอรัม Devin Developer สำหรับการประยุกต์ใช้ Divin Screen ในฟิลด์ใหม่ - เว็บเพจเบราว์เซอร์และการขยายพอร์ตอนุกรม T5L Divin Screen ในเชิงลึก (เทคโนโลยี Node-RED) . วิศวกรใช้หน้าจออัจฉริยะ T5L เพื่อส่งผ่านเทคโนโลยี Node-RED เพียงต้องการพอร์ตอนุกรมเพื่อเชื่อมต่ออินเทอร์เน็ต และรับรู้การโต้ตอบข้อมูลระหว่างหน้าจอ Diwen และเว็บเพจของเบราว์เซอร์ โซลูชันนี้รองรับฟังก์ชันต่างๆ เช่น การส่งและรับข้อมูล การโต้ตอบกับแผนภูมิ และการแสดงข้อมูลพื้นฐานระหว่างหน้าจออัจฉริยะและหน้าเว็บ
1. หน้าเว็บ Node-RED กำลังแสดงเอฟเฟกต์
(1) โดยใช้เทคโนโลยี Node-RED เบราว์เซอร์จะถูกใช้เป็นทางเข้าโต้ตอบ เพื่อให้เบราว์เซอร์และหน้าจอโต้ตอบผ่านพอร์ตอนุกรมเพื่อรับการแสดงผลฟังก์ชันที่เกี่ยวข้อง
![อัสวา (1)](https://ecdn6.globalso.com/upload/p/1355/source/2024-03/65f96baa7b18a54530.jpg)
![อัสวา (2)](https://ecdn6.globalso.com/upload/p/1355/source/2024-03/65f96babae2d997861.jpg)
หน้าแท็บการส่งและรับข้อมูล
ไอคอนหน้าแท็บแบบโต้ตอบ
![อัสวา (3)](https://ecdn6.globalso.com/upload/p/1355/source/2024-03/65f96bad3193a85099.jpg)
ข้อมูลพื้นฐาน เอฟเฟกต์หน้าแท็บ
(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 = 'green';\n}else\n sta = 'เกิดข้อผิดพลาด';\nmsg[' payload'] = sta;\nmsg['color'] = color;\n\nreturn msg;",
"เอาท์พุท": 1,
"หมดเวลา": 0,
"โนเออร์": 0,
"เริ่มต้น": "",
"จบ": "",
"libs": [],
"x": 620,
"และ": 200,
"สาย": [
-
"2ec78ff0b0b9a56f"
-
-
-
-
"id": "2ec78ff0b0b9a56f",
"type": "ui_template",
"จาก": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"กลุ่ม": "4e4db779a7b91019",
"name": "แสดงสถานะพอร์ตอนุกรม",
"สั่งซื้อ": 1,
"ความกว้าง": 0,
"ความสูง": 0,
"รูปแบบ": "
2. ดีกัสฉันอินเตอร์เฟซดีออกแบบ
![อัสวา (4)](https://ecdn6.globalso.com/upload/p/1355/source/2024-03/65f96bae62cee44597.jpg)
1. การออกแบบทางวิศวกรรม C51
โซลูชันนี้ใช้พอร์ตอนุกรมหน้าจออัจฉริยะ T5L 2 เพื่อสื่อสารกับหน้าเว็บ Node-RED รหัสอ้างอิงบางส่วนมีดังนี้:
#รวม "sys.h"
#รวม "uart2.h"
#รวม
#รวม
หนัง u8[200];
เป็นโมฆะหลัก (เป็นโมฆะ)
-
U16num;
U16val;
คุณอายุ 16 ปี;
u8i;
sys_init();
uart2_init(115200);
เก่า= 0;
ในขณะที่(1)
-
ถ้า (is_recv_complete)
-
uart2_buf[recv_len++]= 0;
uart2_buf[recv_len++]= 0;
ถ้า(strstr((ถ่าน*)uart2_buf,"cmd"))
-
num= uart2_buf[3]-'0';
ถ้า(หมายเลข
-
สำหรับ(i=0;i
-
วาล= (num==i);
sys_write_vp(0x2300+i,(u8*)&val, 1);
-
}elseif(หมายเลข
-
val=(หมายเลข==3);
sys_write_vp(0x2200,(u8*)&วาล, 1);
-
}อื่น
-
sys_write_vp(0x2000,uart2_buf, recv_len/2+2);
-
recv_len= 0;
is_recv_สมบูรณ์= 0;
-
sys_read_vp(0x1000,(u8*)&วาล, 1);
ถ้า(val==1)
-
sys_read_vp(0x2100,บัฟ, 50);
สำหรับ(i=0;i
-
ถ้า(บัฟ==0xff)
-
บัฟ= 0x00;
บัฟ[i+1]= 0x00;
หยุดพัก;
-
-
u2_send_bytes(บัฟ,strlen(บัฟ));
วาล= 0;
sys_write_vp(0x1000,(u8*)&val, 1);
-
sys_read_vp(0x2400,(u8*)&วาล, 1);
ถ้า(val!=เก่า)
-
sprintf(บัฟ,"%d", วาล);
u2_send_bytes(บัฟ,strlen(บัฟ));
เก่า=วาล;
-
-
-
เวลาโพสต์: Dec-28-2023
- 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