Node-RED×LINE botでお天気通知botを作る

10637 ワード
ハンズオン OpenWeatherMap enebular linebot node-red OpenWeatherMap テキストリンク

概要

この記事は2020/10/20に開催される「Node-REDで色々試すハンズオン Tec-Nomad ・ ビジュアルプログラミング交流会 コラボ」の資料です。

次の三つの要素を使用し、お天気通知LINE botを作ります！

完成すると次のように一定時間間隔でお天気を通知するLINE botが作れます！

ハンズオンの流れ

  1. お天気APIから気象情報を取得
  2. LINE botの準備
  3. お天気情報をLINEに通知

システム構成

enebularの上でNode-REDをうごかします。Node-REDでは一定周期で気象データをOpenWeatherMap APIを利用し取得します。取得したデータはNode-REDのフローで定型文にフォーマットします。フォーマットされたデータをLINE Messaging APIを利用してLINEアプリに通知する仕組みです。

1. お天気APIから気象情報を取得

1-1. お天気APIの準備

今回は気象情報取得のために「OpenweatherMap API」を利用します。

サインイン後、「API keys」のタブを選択。

API key を控えておきます。（コピー）

1-2. 気象データを取得する

ここまでに他のフローを作成していた場合、フローが混同しないように新しいワークスペースを作成します。何も作っていない場合はこの手順を省力できます。

enebularのNode-REDで新しいフワークスペースを作成します。
Node-REDエディタの右上にある+マークをクリックすると、作成する事ができます。

次に気象データを取得するためにOpenWeatherMapノードを追加します。
（OpenWeatherMap APIにはhttpリクエストで取得する方法もありますが、専用ノードがあるのでそちらを使用します。）

次の図の①→②の順にクリックします。

ノード管理画面が表示されますので、次の図の①～③のように進めます。
①ノードを追加タブを選択。
②検索欄に”openwe”と入力。
③ノード名 node-red-node-openweathermap のノードを追加。

ノードの追加が完了すると、ノードパレットにOpenWeatherapノードが追加されます。
↓

1-3. 気象データ取得のフローを作成

気象データを取得して確認するには次の3つのノードを使用します。

  • injectノード
  • openweather mapノード（ノード両端に端子があるノード）
  • debugノード

これら3つのノードを次のように接続します。

次にopenweather mapノードの設定を開き、必要事項を入力します。

  • API key :　OpenWeatherMap APIのAPI keyを入力します。
  • Language :　Japaneseを選択します。
  • Current weather for :　そのままにします。
  • Location :　City, Countryのままにします。
  • 　City :　Tokyoにします。（後ほど変えて遊んでみてください!）
  • 　Country :　Japanにします。（後ほど変えて遊んでみてください!）

設定ができたらフローのデプロイを行い、injectノードのボタンを押してみましょう。
ボタンを押す度、デバッグ画面にデータが表示されれば気象データの取得に成功しています。

データはjson形式となっており、ツリーを開くと様々なデータのまとまりであることが分かります。代表的なデータを次の表に示します。

データ名 概要
weather 天気（英語）
detail 詳細天気（日本語）
tempc 気温（摂氏）
humidity 湿度
pressure 気圧

ここまでで気象データの取得は完了です！

2. LINE botの準備

2-1.LINE botの作成

メッセージを通知させるLINE botを作成します。次のURLにアクセスしてLINE Developersのサイトを開きます。
https://developers.line.biz/console/?status=success

Providersを作成していない場合は、
Line Messaging APIで簡単Line Bot作成（超初心者向け
を参考にプロバイダの作成を行います。

プロバイダー名を入力します。

プロバイダを作成後、画面を下にスクロースしていくと、
Create Messaging API channelとあるので選択します。

LINE botの初期設定画面が表示されます。
アイコンも設定できますが、今回は必須事項のみ設定します。

項目 概要
Channel name Messaging APIのチャンネル名
Channel description チャンネルの説明
Category このチャンネルのカテゴリ
Subcategory カテゴリの詳細

設定例です。

ここまで設定できたら画面を下にスクロールし、許諾にチェックを入れて作成します。

2-2.LINE Messaging APIを利用したフローを作成

LINEのメッセージ通知にはおまじないのようなコードが必要ですが、専用のノードがありますので活用します。
パレットの管理からノードの追加で、次の名称のノードを追加します。

node-red-contrib-line-messaging-api

次のように検索すると引っかかります。

LINE messaging APIノードの追加が完了すると、ノードパレットに次の3つのノードが追加されます。

この中のPush Messagieノードを次のようにフローへ接続します。

次にPush Messageノードの設定をします。
ここで、LINE Developersで作成したLINE botの情報を入力します。
必要な情報は次の3つです。

  • Channel Secret
  • Access Token
  • Channel ID

上述の3項目は、LINE Developersで作成したLINE botのページに記載があります。

SecretはBasic settingsタブの最も下にあります。

Channel IDはBasic settingsのタブににあります。

Access TokenはMessaging APIタブの最も下にあります。
ISSUEと書かれた黒井ボタンをクリックすると発行されます。

設定が完了したらデプロイします。

2-3.LINE botへの通知を試す

LINE DevelopersのLINE botの画面に戻り、Messaging APIタブを開きます。
下にスクロースしていくとQRコードが表示されていますので読み取ります。
これにより、作成したLINE botを友達追加できます。

Node-REDの画面に戻りinjectノードのボタンをクリックすると、作成したLINE botからメッセージが通知されます。

3. お天気情報をLINEに通知

3-1.通知文の定型フォーマットを作成する

今回は取得したお天気情報の中から、現在の気温を抜き出します。
定型フォーマットにするため、templateノードを使用します。

次のようにtemplateノードを、openweather mapノードの後に接続します。

templateノードの設定を次のようにします。

ただ今の気温は {{payload.tempc}} ℃です！

これにより、openweather mapノードで取得したデータの中から、気温（摂氏）を抜き出して定型文を作成します。

以上で、injectノードのボタンをクリックすると、現在の東京の気温が通知されるLINE botの完成です！

おわりに

現状だとinjectノードのボタンを押す必要があったり、東京の気温だけなので、まだまだ拡張することができます！

皆さんの想像力を膨らませてアレンジしてみましょう！