オープンソース ブラウザ Web ページと T5L DWIN 画面 シリアル ポートの詳細な拡張 (Node-RED テクノロジー)

——DWIN 開発者フォーラムより

この号では、ブラウザ Web ページと T5L Divin Screen シリアル ポートの徹底した拡張 (Node-RED テクノロジ) という新しい分野での Divin Screen アプリケーションに関する、Devin Developer Forum の受賞歴のあるオープンソース ケースを紹介します。 。エンジニアは、T5L スマート スクリーンを使用して Node-RED テクノロジーを通過させます。インターネットに接続するためのシリアル ポートのみが必要で、Diwen スクリーンとブラウザ Web ページ間のデータ対話を実現します。スマートスクリーンとWebページ間でのデータ送受信、チャート連携、基本情報表示などの機能を実現するソリューションです。

1. Node-RED Webページのランニングエフェクト表示

(1) Node-RED テクノロジーを使用し、ブラウザを対話の入り口として使用し、ブラウザと画面がシリアル ポートを介して対話し、対応する機能の表示を実現します。

アスヴァ (1)
アスヴァ (2)

データ送受信タブページ

アイコンインタラクティブタブページ

アスヴァ (3)

基本情報 タブページの効果

(2) Node-RED Web クライアントの主な参照コードは次のとおりです。

{

"id": "fbb314a16ea00889",

"タイプ": "シリアル入力",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"name": "シリアルポートがデータを受信します",

"シリアル": "83fb45b5f4b51d61",

「×」:390、

「y」: 140、

「ワイヤー」: [

[

「685a2fb2c2dc8fba」

}、

{

"id": "1ba3c6e812e03e27",

"タイプ": "シリアル出力",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"name": "シリアルポート送信",

"シリアル": "83fb45b5f4b51d61",

「×」:860、

「y」: 260、

「ワイヤー」: []

}、

{

"id": "5fb7f1d3d7425133",

"タイプ": "ステータス",

"z": "09e0777eaff7fdea",

"g": "c1661722c7db00f9",

"name": "シリアルポートのステータスを監視する",

「スコープ」: [

"fbb314a16ea00889"

]、

「×」: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 = 'Unconnected';\nelse if (sta.indexOf('connected') >= 0)\n{\n sta = '接続に成功しました';\n color = '緑';\n}else\n sta = 'エラーが発生しました';\nmsg['ペイロード'] = sta;\nmsg['color'] = color;\n\nreturn msg;",

「出力」: 1、

「タイムアウト」: 0、

"noerr": 0、

"初期化": "",

"ファイナライズ": "",

"ライブラリ": [],

「×」: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 Web ページと通信します。いくつかの参照コードは次のとおりです。

#include "sys.h"

#include "uart2.h"

#含む

#含む

u8バフ[200];

ボイドメイン(ボイド)

{

u16番号;

u16val;

16歳。

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"))

{

num= uart2_buf[3]-'0';

if(数値<3)

{

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

{

val= (数値==i);

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

}

}elseif(数値<5)

{

val= (数値==3);

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

}

}それ以外

{

sys_write_vp(0x2000,uart2_buf,recv_len/2+2);

}

受信レント = 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)

{

バフ= 0x00;

buff[i+1]= 0x00;

壊す;

}

}

u2_send_bytes(buff,strlen(buff));

値 = 0;

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

}

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

if(val!=古い)

{

sprintf(buff,"%d", val);

u2_send_bytes(buff,strlen(buff));

古い= val;

}

}

}


投稿日時: 2023 年 12 月 28 日