enebularクラウド実行環境でIoT / enebular developer meetup 20220602

by you（@youtoy）

Slide 1

Slide 1 text

enebularクラウド実行環境でIoT 2022年6月2日 (木) enebular developer meetup 豊田陽介（） @youtoy

Slide 2

Slide 2 text

自己紹介ビジュアルプログラミングや IoT、ロボットトイ関連など豊田陽介（）普段は、某通信会社勤務 @youtoy ・IT系イベント主催、登壇や運営なども・子ども向けの活動いろいろ（IT系以外も）・ Microsoft MVP（2021/10 から）プライベートでの活動・ガジェット好き・今月開催のメーカーフェア＠仙台に出展予定その他

Slide 3

Slide 3 text

今回の話題： enebularクラウド実行環境でのIoT を自宅で手軽にやりたい

Slide 4

Slide 4 text

前の発表で既に説明されていそうですが enebular のクラウド実行環境について ●フローの実行環境で無料枠　もある ●トリガーはHTTPリクエスト、　スケジュール実行処理 ●enebularのオフィシャル　ノードを併用、フローと実行　環境のデプロイを行う ※ 詳細は公式ブログ・ドキュメント　などをご覧ください

Slide 5

Slide 5 text

前段の話

Slide 6

Slide 6 text

4月のイベント（IoTLT）に向けたお試し今回の仕組みの作成に関する記事を 2つほど公開済み

Slide 7

Slide 7 text

こんな話をしたりなど LT資料：

Slide 8

Slide 8 text

そしてIoTも絡めて

Slide 9

Slide 9 text

IoT絡みの話をその後に2つのイベントにて LINEの開発者コミュニティ・テックストリート関連： LT資料： LT資料：

Slide 10

Slide 10 text

IoT関連で試したこと

Slide 11

Slide 11 text

この後の動画の補足（LINE⇒デバイスの通信） ① LINEアプリで操作 ②-1 音が鳴る ②-2 光る・表示が変わる

Slide 12

Slide 12 text

この後の動画の補足（デバイス⇒LINE の通信） ② 通知 ①デバイスを操作

Slide 13

Slide 13 text

動作している様子をあらためて動画で

Slide 14

Slide 14 text

「個人で手軽に」を実現するポイント作成したフローを手軽にクラウドで実行 HTTPリクエスト、 LINE用ノードインターネットから見えないデバイスをクラウドから操作クラウド実行環境標準ノードと便利なノードの活用 HTTPリクエストを MQTTに

Slide 15

Slide 15 text

1・2）クラウド実行環境・ノードの活用

Slide 16

Slide 16 text

クラウド実行環境（HTTPトリガー） Botサーバー＋α （REST API、MQTT） M5Stack Core2 動画で登場したものの構成（全体） M5StickC Plus M5Paper LINE Notify スマホのLINE アプリリッチメニューの操作 HTTP（POST） HTTP（POST） MQTT MQTT HTTP（POST）

Slide 17

Slide 17 text

クラウド実行環境（HTTPトリガー） Botサーバー＋α （REST API、MQTT） M5Stack Core2 クラウド実行環境の役割 M5StickC Plus M5Paper LINE Notify スマホのLINE アプリリッチメニューの操作 MQTT MQTT HTTP（POST） HTTP（POST） HTTP（POST）

Slide 18

Slide 18 text

HTTPトリガーでの動作

Slide 19

Slide 19 text

Botサーバー＋ Botサーバーと外部との間で双方向通信

Slide 20

Slide 20 text

enebularでの実装（Node-REDのフロー）デバイス ⇒ LINE Notify LINE（Bot） ⇒ デバイス（Botサーバー＋α） Beebotteとの連携

Slide 21

Slide 21 text

LINE用ノード活用＋ビジュアルな開発＋ HTTPリクエスト用ノード

Slide 22

Slide 22 text

3）HTTPリクエストを MQTTに

Slide 23

Slide 23 text

クラウド実行環境（HTTPトリガー） Botサーバー＋α （REST API、MQTT）インターネット側からは見えない宅内デバイス LINE Notify スマホのLINE アプリリッチメニューの操作 MQTT MQTT HTTP（POST） HTTP（POST） HTTP（POST） M5Stack Core2 M5StickC Plus M5Paper ポートを解放するのは避けたい

Slide 24

Slide 24 text

クラウド実行環境（HTTPトリガー） Botサーバー＋α ルーターのポートを解放せず外からの通信 LINE Notify スマホのLINE アプリリッチメニューの操作 HTTP（POST） HTTP（POST） HTTP（POST） M5Stack Core2 M5StickC Plus M5Paper MQTT のサブスクライブで待ち受ける（REST API、MQTT） MQTT MQTT

Slide 25

Slide 25 text

クラウド実行環境はトリガーでの単発実行がベース＋自分は連続的な送信は行わない

Slide 26

Slide 26 text

HTTPリクエストで単発の通信 ↓ MQTT に変換してパブリッシュ

Slide 27

Slide 27 text

Beebotteの設定： GUIベースで MQTT・REST API を扱うための準備 enebular ⇄ デバイスのつなぎ役

Slide 28

Slide 28 text

REST APIを扱う話はQiitaの記事に別サービスの似た話（shiftr.io）

Slide 29

Slide 29 text

自宅内に置いたデバイスへの通信 Botサーバーの処理の途中でデバイスへの通信

Slide 30

Slide 30 text

他の活用もいろいろできそう！

Slide 31

Slide 31 text

おまけ

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

M5Stack系デバイスでUIFlowを利用ビジュアルプログラミング＋豊富なデバイス

Slide 34

Slide 34 text

HTTPリクエストやMQTTもブロックで MQTT のサブスクライブ ↓ LEDテープ制御など本体ボタン押下を ↓ LINE通知処理等