ピクシス Web パネルタッチコントローラソフトウェアユーザーガイド

ポッドマンガイド
ソフトウェア
ユーザーマニュアル

Node-REDコンテナの作成

このガイドではPixsysへのNode-REDコンテナのインストールについて説明します。 Webパネル「WP」とタッチコントローラ「TC」シリーズ。
Node-REDダッシュボードを画面に表示できるのはWPのみ WebパネルデバイスとTC – TouchControllerパネルの「Web「TargetVisu」ライセンスのみ。TouchControllerの場合 – 「TargetVisu」または「TargetVisu +」ライセンスのTCパネル Web「Visu」ライセンスではNode-REDダッシュボードを表示できません。

ログイン

起動時に表示される STOP ボタンを押し続け、設定モードでデバイスにアクセスします。
次の資格情報を入力して構成コンソールにアクセスします。

ユーザー名: ユーザー
パスワード： 123456

デバイスの IP がわかっている場合は、次のアドレスにアクセスして、ユーザーの PC 上のブラウザから構成コンソールにアクセスすることも可能です (推奨)。 https://device-IP-.9443/ 上記の資格情報を使用します。

Node-RED用のフォルダを作成する

アクティブ化するコンテナーには、ユーザー データを保存するためのスペースが必要です。
この目的のために、デバイスには /data/user というフォルダーがあります。
WinScp または他の sFTP アクセス ソフトウェアを使用して、以下の手順に従って、パス /data/user 内にフォルダー node-red を作成します。

• WinSCPを開き、構成コンソールにアクセスするために既に使用したIPと資格情報を使用してデバイスに接続し、/data/userを選択します。
• 「新規」メニューから「ディレクトリ…」オプションを選択します。
• すべての「R/W/X」許可を有効にして、フォルダー node-red を作成します。

同じプロセスは、SSH アクセスと次のプロンプトを使用することでも実行できます。
mkdir -p /data/user/node-red
chmod a+rwx /data/user/node-red

コンテナのダウンロード

メニューバーの「Podman コンテナ」にアクセスします。

右側のメニューにある3つのドットアイコンから「新しい画像をダウンロード」オプションを選択します。

検索エリア「docker.io」を選択します「node-red」と入力して検索する”

公式イメージ「docker.io/nodered/node-red」を選択します。

次に「ダウンロード」を押すと、画像のダウンロードが開始されます。

これは数百MBです file; インターネット接続によっては数分かかる場合があります。

ダウンロードが完了すると、 view デバイス上の画像:

コンテナの作成

「コンテナ」タブで、「コンテナを作成」ボタンを押します。作成したいコンテナを設定するためのメニューが開きます。

「名前」フィールドに、自動的に生成されたランダムな名前を置き換えて、任意の名前を入力します。

タブの詳細:
「画像」ボックスから、前の章で説明したようにダウンロードした画像を選択します。

「メモリ制限」を 128 MB または 256 MB に設定します。
「再起動ポリシー」を「常時」に設定すると、ユーザーがシャットダウンを指示した場合でも、コンテナーは自動的に起動して再起動されるようになります。

タブ統合:
ポートマッピングを設定して、TCPとUDPの両方でポート1880を公開し、Node-REDから見えるコンテナパス/dataをホストパス/data/user/node-redにマッピングします。

タブのヘルスチェック:
このタブでは、コンテナの正しい操作に関する制御チェックと、エラーが発生した場合の動作を定義します。
下の画像はデフォルトのパラメータを示しています。

このstage、「作成して実行」を押して、コンテナの作成を待ちます。

コンテナのテスト

コンテナの作成手順が完了すると、「コンテナ」リストに新しく実行中のコンテナ（状態：実行中）が表示されます。

PCでブラウザを開き、次のページに移動します。 http://device-IP.1880

ダッシュボードの作成

ダッシュボードではNode-REDが動的な情報を提示/公開できる web ページ。
「node-red-dashboard」をインストールし、メニュー管理パレットを開きます。

検索する タブ内のnode-red-dashboardのインストール

インストールが完了するまで待ってから、コンソールにログインし、ガイドの最後に入力したフローを[インポート]メニューからインポートします。

**これは元amp実際の目的のないコード。
NB Node-RED およびダッシュボードの使用については、オンラインで入手可能なドキュメントを参照してください。

コードをインポートすると、次のようなプロジェクトが提供されます。

プレス プロジェクトをコンパイルして開始します。
オープニングページ http://device-IP.1880/ui結果は次のようになります。

ダッシュボードを表示するためのパネルの設定

この時点で、許可されているパネルの場合は、メニューのWP設定にアクセスし、次にメインアプリケーション設定にアクセスして入力します。 URL http://localhost.1880/ui
実際の IP に関係なく、ブラウザーがデバイス自体にアクセスするようにするには、localhost または IP 127.0.0.1 という用語を使用します。

再起動すると、デバイスに全画面の Node-RED ダッシュボードが表示されます。

Exampルフロー

次のコードは、Node-RED にフローとしてインポートされるテキストです。

[
{
“id”: “1e6b97b5.687fd8”,
「タイプ」：「タブ」、
「ラベル」：「ダッシュボード」
「無効」: 偽、
"情報"： ""
},
{
"id": " 7c8 f 99d9.196b98",
「タイプ」: 「ui_text」、
“z”: “1e6b97b5.687fd8”,
「グループ」：「dd4567b9.6a4c18」、
「注文」: 1,
「幅」：「12」、
「高さ」：「1」、
「名前」: 「タイトル」
「ラベル」：「ダッシュボード – ランダムデータ表示」
「フォーマット」: 「{{msg.payload}}」、
「レイアウト」：「col-center」、
「x」: 330,
「y」: 120,
“wires”: []
},
{
“id”: “2e4a56f8.cfa23a”,
「タイプ」: 「ui_gauge」、
“z”: “1e6b97b5.687fd8”,
「名前」：「ランダムゲージ」
「グループ」：「dd4567b9.6a4c18」、
「注文」: 2,
「幅」：「6」、
「高さ」：「6」、
「gtype」：「ゲージ」、
「タイトル」：「ランダム値」
「ラベル」：「%」、
「フォーマット」: 「{{値}}」、
「分」：「0」、
「最大」：「100」、
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
「セグメント1」：「30」、
「セグメント2」：「70」、
「x」: 320,
「y」: 240,
“wires”: []
},
{
「id」: 「3b9ddefd.32b9d」、
「タイプ」: 「ui_chart」、
“z”: “1e6b97b5.687fd8”,
「名前」：「時間ベースのチャート」
「グループ」：「dd4567b9.6a4c18」、
「注文」: 3,
「幅」：「6」、
「高さ」：「6」、
「ラベル」：「ランダムタイムチャート」
「char tType」: 「line」、
「凡例」：「誤り」、
「xformat」: 「HH:mm:ss」、
「補間」：「線形」
「ノーデータ」: 「」、
「ymin」：「0」、
「ymax」：「100」、
「古いものを削除」: 1,
「古いポイントを削除」: 「」
「古いユニットを削除」：「3600」
「カットアウト」: 0,
「useOneColor」: 偽、
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
「出力」: 1,
「useDifferentColor」: false、
「x」: 600,
「y」: 240,
“wires”: []
},
{
「id」：「74b1ae f 8.e7e0d8」、
「タイプ」：「機能」、
“z”: “1e6b97b5.687fd8”,
「名前」：「ランダムデータを生成する」
“func”: “msg.payload = Math.floor(Math.random() * 100);\nreturn msg;”,
「出力」: 1,
「noerr」: 0,
「初期化」：「」
「ファイナライズ」: 「」
「ライブラリ」: [],
「x」: 130,
「y」: 240,
「ワイヤー」: [
[
“2e4a56f8.cfa23a”,
「3b9ddefd.32b9d」
]
]
},
{
“id”: “e0e9bd3c.a8ae2”,
「タイプ」：「注入」
“z”: “1e6b97b5.687fd8”,
"名前"： ""、
「小道具」: [
{
「p」：「ペイロード」
}
],
「繰り返し」：「1」、
「crontab」: 「」、
「一度」: 真、
「一度の遅延」: 0.1、
"トピック"： ""、
「ペイロードタイプ」: 「日付」、
「x」: 130,
「y」: 160,
「ワイヤー」: [
[
“74b1ae f 8.e7e0d8”
]
]
},
{
「id」: 「dd4567b9.6a4c18」、
「タイプ」: 「ui_group」、
「z」：「」
「名前」：「ランダムデータ」
「タブ」: 「fe9b4293.8df8e」、
「注文」: 1,
「disp」: 真、
「幅」：「12」、
「崩壊」：偽
},
{
「id」: 「fe9b4293.8df8e」、
「タイプ」: 「ui_tab」、
「z」：「」
「名前」：「メインダッシュボード」
「アイコン」：「ダッシュボード」
「注文」: 1,
「無効」: 偽、
「非表示」: 偽
}
]

メモ / 更新

ピクシス株式会社
www.pixsys.net
sales@pixsys.net – support@pi​​xsys.net
オンラインアシスタンス: http://forum.pixsys.net
ポスト経由、16 I-30030
メラレド ディ ピアニガ、ベネチア (イタリア)
電話 +39 041 5190518
200525