Rspberry PiではじめるNode-RED入門

# Raspberry Pi でNode-RED入門 #
Raspberry Pi にNode-RED入門用の環境を構築していくつかのパレットを追加してLED制御などができるまでをまとめます。
### 1. Raspbeyrry Piの環境構築 ###
raspberrypi.org https://www.raspberrypi.org/downloads/
から、自分の使用しているOSにあわせて Raspberry Pi Imager をダウンロードしてインストールします。
　インストールが完了したら、ソフトウェアを起動し、SDカードをセットして作業を行います。今回は、Rasbian を選んで作業を進めてください。![raspiimg.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/70889ef1-31c5-bd0b-d539-c17506998fa3.png)
　しばらく待つとRaspberry Pi起動用のSDカードが完成します。
![raspidekita.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/ff4d7ab4-8071-b388-f800-175aa5e33dc7.png)
新しいアプリで簡単にできるようになりました。感激です。
### 2. Raspberry Pi の起動と初期設定 ###
　完成したSDカードをRaspberry Piにセットして、モニタ、キーボード、マウスなどを取り付けて電源を入れます。
　最初にパーテーション設定のメッセージ表示され、そのまま待つと起動します。
　しばらくすると初期設定画面が表示されるので、Locationなどを設定します。ここで、日本語環境を選べば自動的に日本語入力環境なども構築されます。その場合、Wifiなどの環境設定が必要となるので、事前に確認しておきましょう。環境設定が終了すれば、再起動して利用可能となります。
　再起動したら、インターネットの接続、日本語入力ができるかなどを確認しましょう。
### 3. Node-RED のインストール ###
　多くのサイトで、https://nodered.org/docs/getting-started/raspberrypi のスクリプトによるインストールを推奨していますが、このスクリプトによってインストールされたNode-RED 環境では、パレット管理でI2Cノードのインストール時にエラーが発生してしまいました。
　そこで、Raspbian のメニューにある Add/Remove Software を利用して Node-RED を検索してインストールします。
![addsoft.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/ca7eea50-43b0-7970-0f54-bc34f0e4f842.png)
![addResoft.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/8af39403-2372-b70d-7af7-25a8eaf12e6c.png)
　インストールが完了すると、メニューのプログラムのなかにNode-REDが表示されます。
![nodered01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/2a90850e-bea4-eca9-85e3-80b21be887ae.png)
　このメニューからNode-REDを起動することで、ブラウザからNode-RED フローエディタが利用可能となります。
![stnode.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/dd7a6623-2064-683d-96ad-c99e31a8bc74.png)
　Rsapberry Pi 起動後に毎回 Node-RED を起動するのは面倒です。Raspberry Pi のTerminal で以下のコードを実行すると自動起動状態になります。

```terminal
sudo systemctl enable nodered.service
```

### 4. Node-RED フローエディタ の起動 ###
　https://nodered.org/docs/getting-started/raspberrypi を参考に、ブラウザを起動して、Node-RED フローエディタ を開いてみましょう。
　Raspbianのメニューからブラウザを開きアドレスバーに 

```haml
http://localhost:1880
```

を入力すれば Node-RED フローエディタ の画面が表示されます。表示されないときは、メニューのプログラムの中にあるNode-REDをクリックして起動してください。
![frow01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/10eb7bdc-ec22-8b3d-411e-28a5de9a5d74.png)
### 5. Node-RED パレットの追加 ###
　Node-RED の利用目的のひとつには、既存のパレットを利用してお手軽にデータを可視化したいなどの理由があると思います。そこでデータを可視化するダッシュボードとセンサを接続するI2Cを利用するパレットを追加してみようと思います。
　Node-REDフローエディタを開いて右上のアイコンをクリックしてメニューを表示してパレットの管理を選択します。
![nodepal01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/b772947d-8c93-0037-3099-e706e4239fc1.png)
　ノードを追加の検索バーにi2cと入力するとi2c関連のパレットが表示されます。その中から、node-red-contrib-i2c を探し、追加ボタンをクリックします。しばらく待つと、追加されましたと表示されればノードが追加されています。Node-REDフローエディタの左側のリストを確認しましょう。
![i2cpal.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/42996b69-9ef9-8370-5ce8-bc26ee586132.png)
![nodepal.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/7ccc9dc7-efdf-87e4-ce6f-81c4065ead69.png)
 同様にしてnode-red-dashboardノードも追加します。
### 6. dashboard を試す###
　入門で使用するパレットが追加されたので、はじめにdashboardを試してみましょう。
　Node-REDフローエディタを使っていくつかのノードを配置してみましょう。
![nodered2-01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/13e1478c-a9d1-200a-232f-f31f480477b3.jpeg)
　配置しただけでは、右上にオレンジの▲が表示されています。ダブルクリックして必要なプロパティ設定を行います。
![nodered2-02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/13d1abc3-6c7b-dccd-873f-73f7bf0ee63f.jpeg)
練習なので、デフォルトの状態をそのままで大丈夫です。完了をクリックして戻ります。
![nodered2-03.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/e1242227-7731-11b3-a886-8842b6d8813f.jpeg)
オレンジの▲が消えました。デブロイして確認しましょう。
![nodered2-04.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/f76550a1-d1bd-fac8-13e1-255c27d2d774.jpeg)
成功しました。設定ミスなどがあるとエラーになるので、修正します。
![nodered2-05.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/3d7beba8-ee1d-3060-e837-5e992f691b78.jpeg)
右側のツールからダッシュボードを選んで「テーマ」タグの右にある□に↗のマークをクリックすると
![nodered2-06.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/199447/12ac6d69-5342-f94a-9446-efb7a66e5afe.jpeg)
うまくできていれば、このようなページが表示されます。

---
### 参考サイト ###
1.  https://www.raspberrypi.org/downloads
2.  https://nodered.org/docs/getting-started/raspberrypi