4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Node-RED Matter Pluginを試してみた

Posted at

はじめに

スマートホームの新標準「Matter」のTypeScript/JavaScript実装であるmatter.jsをNode-REDで動かしてみます。

インストール

Node-REDをインストールして、「メニュー」→「パレットの管理」→「ノードを追加」から@node-red-matter/node-red-matterを追加します。

または、npmコマンドで@node-red-matter/node-red-matterをインストールします。

cd ~/.node-red
npm i @node-red-matter/node-red-matter

Node-REDフロー

パレットに「Matter」カテゴリが追加されます。
「Matter Device Status」ノードをフローエディタに配置します。

21.jpg

「Matter Device Status」ノードを編集します。
「Matter Device」の編集ボタン(鉛筆マーク)を押します。

22.jpg

「Matter Server」に名前を設定します。(例では「Node-RED」としました。)

23.jpg

24.jpg

下にスクロールすると、ペアリング用のQRコードが表示されていますが、表示が崩れているため、そのままでは読み込むことができませんでした。

25.jpg

ターミナル、または、テキストエディタに貼り付けて読み取ります。

スクリーンショット 2024-05-19 22.13.06.png

Apple Homeにアクセサリとして登録します。

IMG_6039.PNG

IMG_6038.PNG

「ON」「OFF」を操作すると、Node-REDフロー上のノードのステータス表示も「ON」「OFF」に変化します。

26_1.jpg

26_2.jpg

ダッシュボードにステータスを表示

Node-RED DashboardにMatterデバイスのステータスを表示してみます。

Node-RED Dashboardのインストール

Node-REDをインストールして、「メニュー」→「パレットの管理」→「ノードを追加」からnode-red-dashboardを追加します。

または、npmコマンドでnode-red-dashboardをインストールします。

cd ~/.node-red
npm i node-red-dashboard

Node-REDフロー

「change」ノードとDashboardの「switch」ノードをフローエディタに配置します。

27.jpg

「change」ノードを編集します。
「Matter Device Status」ノードのステータス情報(msg.payload.status.on)をmsg.payloadにセットします。

28.jpg

「switch」ノードは入力の値「true」または「false」によって、ダッシュボードのトグル表示が変わります。
Apple Homeの操作とNode-RED Dashboardの表示がリンクするようになります。

29_1.jpg

29_2.jpg

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?