enebular で ChatGPT な LINE Bot のサンプル

e061e9f5d0e50666240745f1e131d3d2

今回の Discover Flow

a570700d8300cd3dae83633733cada7f

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

https://enebular.com/discover/flow/da8a4bb2-87bb-429c-a17f-1bf99e942cec

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

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

simple chatgpt ノードの設定

ea75ff38722cf6a0d49fa13e4db7a30b

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

5615eb57610e79099f51597c22fd3e8c

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

Token 項目に、ChatGPT API の API キーを入力しましょう。設定できたら、完了ボタンをクリックしてワークスペースに戻りましょう。

Reply ノードの設定

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

f8bb1b20e9a14ca781a424276e1e5615

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

9f5c67592af9be3bd624480456fe8501

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

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

デプロイ

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 の利用がオンになっていることも確認しましょう。

動かしてみる

e061e9f5d0e50666240745f1e131d3d2

「秋晴れはよいですよねー」と打ってみると、ChatGPT API に LINE メッセージが質問として送られ、ChatGPT から良い感じの質問が返ってきます!

results matching ""

    No results matching ""