MotionBoardで可視化した温度センサーの値が閾値を超えたらTwilio経由でSMSを投げる

# 1. はじめに
[Webiotセンサーを使ってMotionBoardで最速で可視化してみる](https://qiita.com/Yoshiki_w/items/b5c67296006547056678)で温度センサーの値を可視化をしてみたところ、温度がリアルタイムに見れるのはいいのですが画面をずっと見てるわけにはいかず、どうしたものかと思っていたところ、普段使っているTwilioにアラートを飛ばせないかと思いいろいろやっていたらできたので、私自身の備忘録を兼ねて手順を書こうと思います。


# 2. Twilioとは

電話の発着信やSMS送受信をサービス化したもので、HTTPを使って接続したり、公開されているライブラリで簡単に接続できちゃうgoodなサービスです。プログラム次第で、サーバーのアラートに使ったり自宅にコールセンターもどき建てたり、あんなことやこんなことができてしまいそうなサービス。

Qiita上にもいっぱい記事があります。

- [Twilio公式](https://twilio.kddi-web.com/)

# 3. MotionBoardとは

データベースやセンサーデータなどを可視化できるソフトウェアです。
商用ソフトウェアですが、各種データベースとの接続や高度な可視化・分析機能が使用できます。

- [MotionBoard](http://www.wingarc.com/product/motionboard/)

# 4. 構成イメージ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/ba026d9f-fd6b-9688-0dd1-a3e427f9e419.png)

# 5. 必要なもの
- MotionBoard
- Twilioのアカウント
 - アカウントSIDとAUTHTOKEN、SMS送信が可能なTwilio電話番号（米国番号）
- node-redが動く環境
 - 今回はテスト用なのでIBM Cloud(旧Bluemix)の無償ライセンス（ライト・アカウント）を利用

# 6. 連携手順
## Twilio接続情報確認
[Twilio Console](https://jp.twilio.com/login/kddi-web)にログインします。
後で使うのでアカウントSIDとAUTHTOKENを控えておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/65e22f0e-9ab9-716f-6590-35a2bf6ebb3f.png)


## IBM Cloud(旧Bluemix) +NodeRED準備
[IBM Cloud(旧Bluemix)](https://cloud.ibm.com/login)にログイン
検索窓などから[Node-RED Starter]にアクセスします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/fa79ae30-2cd6-4ca1-b85b-988bd0515eff.png)

アプリ名やホスト名を入力します。
続いて、Node.jsからCloudantか選択します。
容量や停止・削除のルールが違うので規約をよく読んでおくといいと思います。
ちょっと試すぐらいであればどちらでも大丈夫ですが、無償版の場合、どちらを選んでも一定時間何もしないと停止や削除されますので注意が必要です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/18c07533-4f38-59be-e59c-2bd92d733740.png)

作成が完了すると、Node-REDにアクセスできるようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/b1c5f424-57af-c23a-4f52-c507658f7091.png)

Node-REDの使い方は書きませんが、フロー（シナリオ）のインポート機能がありますので、[メニュー]->[読み込み]->[クリップボード]の順でクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/7f48a866-44c5-200e-d3aa-40569ce5c0bf.png)

下をまるごとコピーして、貼り付けます。

```
[{"id":"ed8a071f.1c01a8","type":"http in","z":"427f42ab.efec4c","name":"","url":"/sms","method":"get","upload":false,"swaggerDoc":"","x":240,"y":280,"wires":[["c8b7d081.e9a91","96eb2ea.c3ec1d"]]},
  {"id":"acde86dc.191d98","type":"twilio out","z":"427f42ab.efec4c","service":"_ext_","twilio":"","from":"","number":"","name":"","x":690,"y":280,"wires":[]},
  {"id":"c8b7d081.e9a91","type":"http response","z":"427f42ab.efec4c","name":"","statusCode":"","headers":{},"x":500,"y":220,"wires":[]}, 
  {"id":"96eb2ea.c3ec1d","type":"function","z":"427f42ab.efec4c","name":"","func":"msg.payload = msg.payload.val;\n\n\nreturn msg;","outputs":1,"noerr":0,"x":420,"y":380,"wires":[["13f8eec7.cfbde1","acde86dc.191d98"]]},
 {"id":"13f8eec7.cfbde1","type":"debug","z":"427f42ab.efec4c","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","x":770,"y":380,"wires":[]}]
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/45a1face-4f75-2444-6d35-4a8aaea08ff6.png)

[twilioノード]をダブルクリックし、編集します。鉛筆アイコンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/8eb2fb28-2392-c8fa-746f-b918757161a3.png)

[Twilio Console]で控えた、アカウントSID(Account SID)とAUTHTOKEN(Token)をそれぞれ入力します。
電話番号をFromに入力しますが、形式は+1123456xxxxのようにします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/de282bbc-5e0f-89ce-bd35-caf3d03e120d.png)

最後に[SMS to]に送りたい相手の（SMS送信テスト端末の）SMS番号を入力して保存します。
形式は+81801234xxxxのようにします。

設定が終わったら[デプロイ]ボタンを押下して、変更を適用します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/ed0e188d-aba9-f134-ac24-afe959a6ef25.png)



## MotionBoardの設定
[MotionBoard](https://wa.motionboard.jp/motionboard)にログインします。

### 事前準備
連携対象の[データソースエディタ]を開き、[アラート]画面からアラートを設定しておきます。
画面は[temp]が[30以上]になった場合をアラート条件に設定しています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/5d82b304-1633-32d0-7404-e36e010f7d05.png)

閾値を超えたときに他システムと連携できるのは[チャートアイテム]となります。
あとで使うので、連携対象の[チャートアイテム]の[プロパティ]から[名前]を確認しておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/18311b98-975f-48e8-c69c-c9c5fd405c0d.png)

名前を控えておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/75f8553e-739b-9886-68bd-281e4bb3a318.png)

### リアルタイムアラートの設定
[ボード管理]->[リアルタイムアラート]タブと順にクリックし、[リアルタイム連携を有効にする]にチェックを入れます。アラートの実行ユーザーをログインユーザーに設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/c27154b0-9dbb-71da-ea22-826f137d31cd.png)

[監視アイテム設定]タブで、先ほど控えた対象となるチャートアイテムにチェックを入れます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/1860cbb5-eacc-30c7-955d-f28ede301e8b.png)

[アラートアクション設定]タブで、[Webリクエストを実行する]にチェックを入れ、[詳細設定]をクリックします。[URL]に[Node-REDのURL/SMS]と入力し、[パラメータ名]にval、値に${alert_item_last_summary_values}と入れて保存すれば設定は完了です。
${alert_item_last_summary_values}はチャートアイテムの最後値に置き換わるMotionBoardの変数です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/0fb67c1a-9cdf-671a-46c8-7c08360a4b50.png)

閾値を超えたときにNode-REDで設定したSMS電話番号にtemp=25.4などと値が飛べば成功です。
下は実際にSMSで受信した例。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/70061/5d0062a3-0850-8a20-ffe9-5d6c4f8d70b6.png)


##

# 7. 参考

* [MotionBoard Cloudマニュアル@リアルタイムアラートの設定](https://mbc-manual.motionboard.jp/motionboard/manual/mbcloud/#111607961.html%3FTocPath%3D%25E3%2583%259C%25E3%2583%25BC%25E3%2583%2589%25E4%25BD%259C%25E6%2588%2590%25E8%2580%2585%7C%25E3%2583%259C%25E3%2583%25BC%25E3%2583%2589%25E4%25BD%259C%25E6%2588%2590%25E3%2582%25AC%25E3%2582%25A4%25E3%2583%2589%7C%25E3%2583%25AA%25E3%2582%25A2%25E3%2583%25AB%25E3%2582%25BF%25E3%2582%25A4%25E3%2583%25A0%25E3%2582%25A2%25E3%2583%25A9%25E3%2583%25BC%25E3%2583%2588%25E3%2581%25AE%25E8%25A8%25AD%25E5%25AE%259A%7C_____0)