Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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通知処理等
Slide 35
Slide 35 text
イベントのお知らせ
Slide 36
Slide 36 text
ビジュアルプログラミングとIoTの話 6/15(水)20時から!
Slide 37
Slide 37 text
終わり!