enebular で LINE Bot 画像を連携

今回の Discover Flow

cd1aa5bc29113033012a447fd06fce4a

今回の Discover Flow はこちらです。

https://enebular.com/discover/flow/bcc545ce-43fe-48ba-9103-30cb8ba17616

インポートボタンをクリックして、今回作業するプロジェクトを選択してプロジェクトにインポートします。

deb3a6975a33d6dd5064eaeab94643e9

インポートできたら編集ボタンをクリックして Web エディタを開きます。

Reply ノードの設定

作成したBOTのチャンネルシークレットとチャンネルアクセストークンを設定します。

f8bb1b20e9a14ca781a424276e1e5615

Reply ノードをダブルクリックします。

9f5c67592af9be3bd624480456fe8501

プロパティを表示します。

Sercret には チャンネルシークレット、AccessToken にはチャンネルアクセストークンを反映して完了ボタンをクリックします。

change ノードの設定

4c207d669d191e39a943e9e24e57d1b3

こちらの change ノードをダブルクリックします。

b17aaee88bd480953be8a532ab212948

プロパティを表示します。

msg.ChannelAccessToken の <ChannelAccessToken> の値を丸ごと今回のチャンネルアクセストークンに入れ替えて完了ボタンをクリックします。

デプロイ

19e98ad3d0ad7297e36ad4c035cb36c4

デプロイします。

サーバー公開

これで enebular による LINE BOT サーバーができました。

今回は、この一時的に使っているエディタそのもののサーバー URL で試してみます。

8355eb99ba9f5b82bf84301dbb7574ae

右上の i というアイコンをクリックします。

31d22a4c38d78b46dc9d6623573f5136

URL をテキスト選択してコピーします。

Webhook URL の更新

LINE Developers で、今回使っている BOT の Messaging API 設定に移動します。

image

Webhook URL の項目に移動して以下の手順を行います。

さきほどの URL に /webhook をつけて反映

image

さきほどコピーした URL https://**********.herokuapp.com/ に /webhook をつけて Webhook URL の項目に入力して更新ボタンをクリックします。

image

Webhook の利用がオンになっていることも確認しましょう。

動かしてみる

b2ea723515f8597a06f4e7c19e0c80ae

何かしら画像を送ると (media) の返答をしています。

a08fdefc6b92b13771e61238b7fdceb2

Web エディタのほうを見てみると無事 image-output ノードで画像が受信されています。

参考文献

msg.payload には (media) が入っていましたが、別として msg.line にメッセージ詳細のデータが入っていました。

メッセージ情報はこちらを https://developers.line.biz/ja/reference/messaging-api/#message-event 参考にしてみてください。

また、メッセージ ID をもとに、画像を取得する部分は https://developers.line.biz/ja/reference/messaging-api/#get-content を参考にするといいでしょう。

results matching ""

    No results matching ""