Node-REDのフローの設定
それでは、いよいよNode-REDで、Wio Seeed APIをつなぎます。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_081_ss.png)
Node-REDのノードの構成を初期設定されているノード群に以下の2つの流れを追加します。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_083_ss.png)
Wioノードはこのように追加しておきます。
1秒ごとのinjectでセンサー取得するノード
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_085.png)
まず、1秒ごとに発生するinjectノードをつくります。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_086_ss.png)
タイトル | 設定内容 | 設定内容の補足 |
---|---|---|
Payload | Boolean true | |
Repeat | every 1 seconds | |
inject onece at start | チェック ON | |
Name | interval 1s | 任意の名前(内容が分かりやすく) |
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_087.png)
つづいて、センサー取得のノードを設定します。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_088_ss.png)
ノードをクリックして、設定画面ではまだConnection(接続設定)が確立していないので編集ボタンをクリックしてトークン設定します。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_090_ss.png)
このようにまず、Server設定をする必要があります。iot.seeed.ccが必ずしも設定したAPIのURLと合っていないのでご注意ください。この項目はWioアプリ上で、APIのURLを確認します。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_091_ss.png)
Device一覧の横のをクリックして、メニューを表示します。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_094_ss.png)
出てくるメニューからSettingをクリックします。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_096_ss.png)
今回はus.wio.seeed.ioなので、このConnect ServerのURLをメモしておきます。
Node-REDのWio設定に戻ります。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_098_s.png)
このように、Wioアプリで決めたSeeed Studioアカウントのメールアドレスとパスワード、およびServer設定を先ほどのConnect ServerのURLを入力してログインボタンを押します。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_100_ss.png)
トークンが取得でき、無事Wio APIとの接続ができるようになります。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_101_ss.png)
Node欄でWioアプリと同様の認識済みWio Node一覧が表示されるので、今回のWio Nodeデバイスの名前を設定します。
タイトル | 設定内容 | 設定内容の補足 |
---|---|---|
Node | 今回のWio Nodeデバイスの名前を指定 | |
Port | D1- Grove Ultrasonic Ranger | 候補に出るGrove Ultrasonic Rangerを選択 |
Method | Centimeters Range | cmを指定 |
Output | Parsed Value | パース済み構造データで受け取る |
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_102_s.png)
設定が終わったら、前は先ほどの1秒ごと発生させるinject interval s1ノード、後ろは既存のDebug output payloadのデバックノードにつなげてこちらで設定は完了です。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_103_ss.png)
各ノードを確認してNode-REDをデプロイします。
温度データを7セグメント4桁ディスプレイする表示するノード
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_104.png)
つづいて、温度データを7セグメント4桁ディスプレイする表示するノードを作ります。digitノードをクリックします。
![](http://cz-cdn.shoeisha.jp/static/images/article/9624/9624_105_ss.png)
タイトル | 設定内容 | 設定内容の補足 |
---|---|---|
Node | 今回のWio Nodeデバイスの名前を指定 | |
Port | UART0 - Grove 4 Digit | 候補に出るGrove 4 Digitを選択 |
Display | Multiple Characters | 複数の文字列を受け取る |
Pos | 0 | 開始位置0の場合、一番左の桁から始まります |
Count | 4 | Posから数えた表示桁数 |
digitノードは設定はこのように設定します。
設定が終わったら、前は温度データのfunctionノード、後ろはデバックノードにつなげてこちらで設定は完了です。