クラウド実行環境 LINE BOT 作成

66faa3725ee4bffbcf17cee5b31fdb51

このページでは、クラウド実行環境 LINE BOT 作成してみます。

クラウド実行環境 LINE BOT 作成を作成して、LINE BOT にメッセージを送ってみると、オウム返しが返ってきます!

エディタ画面を閉じましょう

いま使っているエディタ画面の Chrome タブは閉じましょう。

image

編集ボタンをクリックした、フローの詳細画面がある Chrome タブに戻ります。

今回の Discover Flow

lcdp-linebot-simple

b114bae7b730650f53fc3672a01018a9

今回使う Discover Flow はこちらです。

クラウド実行環境の準備 の手順が完了したプロジェクトにインポートボタンをクリックしてインポートしましょう。

フローを編集する

3ff60d45dd48d014f0cf98f76a8f3836

インポートして読み込めたら編集ボタンをクリックしてフローを編集しましょう。

0e244ea9d593535ab9a9fbf2e8e4ab18

このようなフローが表示されます。

LINE BOT 設定 change ノードの設定

LINE BOT 設定という名前の change ノードの設定をします。今回使う LINE BOT のチャネルシークレット・ チャネルアクセストークンをせていします。

88b6b3e8a37ddef4100ee52f9777c6da

ノードをダブルクリックしてプロパティ設定を表示しましょう。

7225862d363ff6f25dc45a924c95cbb8

プロパティ設定です。

0df8cc921ae11e2a8403ce3ffbcb04a6

対象の値の <ChannelSecret> を今回使う LINE BOT のチャネルシークレットに置き換えます。

fe122212a517e87736a3ffaaeadf9655

対象の値の <ChannelAccessToken> を今回使う LINE BOT のチャネルアクセストークンに置き換えます。

93e77f8a577df58051b9bd2737ec0b63

設定できたら完了ボタンをクリックします。

19e98ad3d0ad7297e36ad4c035cb36c4

保存ボタンをクリックしてデプロイします。

クラウド実行環境へのフローの反映

f856bd74daef5e8f1e65ec05c00c9789

ブラウザでエディタのタブを閉じて、以前のタブのフロー詳細画面に戻ります。

fd45a8a5a4a3590b0f22dbe54384e682

上部のプロジェクト名をクリックしてプロジェクト詳細画面に戻ります。

4fb0ceae14076142819a0b448f9f24f1

プロジェクト詳細画面で右メニューのクラウド実行環境をクリックします。

7e47a0dbf363c44b6f1e139742543ec0

クラウド実行環境の一覧が表示されたので、一覧から今回設定するクラウド実行環境をクリックします。

2022-10-21 11.51.09.png (28.2 kB)

クラウド実行環境の詳細が表示されたので、デプロイボタンをクリックします。

f520cd9d3ebf6d95d236e77d6d8987a1

今回作成したフローをクリックしてデプロイボタンをクリックします。

51690929924f0721a89a00ecdd6df249

デプロイ中となります。

7d60f476884cdd39a40f1dfcb4fe03bb

デプロイ済みになりました。

HTTP トリガー URL の確認

fbbbb720ef8b6304f1ff98d664d17717

HTTP トリガーの項目を確認します。

df338f511531ab6435ea2c3ba0175330

このボタンをクリックしてクリップボードにHTTP トリガー URL をコピーします。

88d466a827bb7d34a757a320f292bd18

コピーができると、このようにコピーしました。と出ます。

この設定を LINE BOT の Webhook 設定に使用します。

LINE Developers で Webhook の設定をする

457de21c86739267afefb13436823a3f

LINE Developers を、ブラウザの別のタブで開きます。このように今回使う LINE BOT の Messaging API 設定に移動します。

22a1db1b9049a7cc5187de9489062c7b

スクロールして Webhook 設定の項目を見つけて、編集ボタンをクリックします。

90667fd5ab304648436d1e84ed94f9d0

さきほどコピーした URL を Webhook URL の欄にペーストして更新ボタンをクリックします。

また、Webhook の利用がオンになっていることも確認してきましょう。まれにオフになっているので、その時はオンにしましょう。

これで LINE BOT の設定は完了です。

動かしてみる

66faa3725ee4bffbcf17cee5b31fdb51

今回動かす LINE BOT でメッセージを送ってみると、オウム返しが返ってきます!

サーバレスな AWS Lambda の挙動になるので、最初の 1 回のアクセスは、コールドスタートというサーバーの起動込みの動作が行われるので 5 ~ 10 秒程度の間があります。

そのあと、直後に続けてメッセージするのは素早く帰ってきます。しばらくアクセスしていないと、またコールドスタートがはじまります。

参考文献 : Lambdaの実行環境について(コールドスタートとウォームスタート)

エクストラ

  • フローでオウム返しの近くにある change ノード 固定の返信内容や画像返信をつないでフロー更新後クラウド環境も更新してみて体験してみましょう

作業が終わったら

クラウド開発環境の削除をしましょう。

486c24d12c469b2e62949cc6cbaba28b

今回のクラウド実行環境の詳細から設定をクリックします。

cf00f58d1efdc2c47c0532cf049fedbd

設定ページに移動したら、設定を編集クリックします。

1e8f695ea85b249508a6cb007681859f

下までスクロールし削除ボタンがあるのでクリックし、本当にこの実行環境を削除しますか?と聞かれるので「はい」をクリックして削除しましょう。

results matching ""

    No results matching ""