ChatGPT API×LINE botでチャットボットを作成する方法【Google Apps Script】

コメント

1. ぬ より:

   2023年3月11日 23:46

   とても分かりやすい内容でした。
   サンプルコードをコピペした際に’などの記号が全角？になっておりGASからエラーが吐かれます。対処法をおしえていただけますでしょうか？

   返信
   • chaso より:

     2023年3月12日 10:28

     コメントありがとうございます。
     今試してみたところ、私の環境でもエラーになっていました。
     ソースコードが長かったので折り畳み表示にした際に、意図せず文字形式が変換されてしまっているところがあったようです。
     ご指摘いただけて大変助かりました。ブログのほうにも追記して更新させていただきました。
     もし、設定していて分からない点や動かないなどありましたら、また気軽にコメントいただければと思います。

     返信
     • ぬ より:

       2023年3月13日 23:28

       引き続き質問失礼します。
       GAS側でのエラー表示は消えたのですが、LINEBOTが何を送信しても無反応で、既読だけつく状態です。
       APIキーの部分にのみ変更を加え、LINEBOT側の設定も応答メッセージ等もオフにしている状態です。
       何かわかることがあればぜひ教えていただきたいです。

       返信
       • chaso より:

         2023年3月14日 07:57

         GASで既読はつくのに無反応ということは、以下が考えられます。

         ・「Webhook設定」がオフになっている
         LINE Developers>Messaging API設定の「Webhook設定」がオフになっている
         LINE Official Account Manager>応答設定の「Webhook」がオフになっている
         両方オンになっていないと、応答が得られません。

         ・ChatGPTのAPIキーが設定されていない
         OpenAIの公式サイトから、ChatGPTのAPIキーを発行して、それをGASのスクリプトに設定する必要があります。

         上記を試してみて、また分からないことがありましたらご質問いただければと思います。

         返信
2. ぬ より:

   2023年3月14日 23:21

   わざわざ返答をくださりありがとうございます。
   webhook設定は両方オンにしておりました。
   また、APIキーの設定も済んでおります。
   また、API keysのLAST USEDの表示がneverから日付に変わっているためchatGPT側に送信する段階までは到達しているかと思います。
   まだわかることがあれば教えていただければ幸いです。
   よろしくお願いいたします。

   返信
   • chaso より:

     2023年3月14日 23:59

     APIの利用履歴が表示されているということは、LINEのメッセージをもとに
     ChatGPTのAPIを呼び出すところまでは上手くいってそうですね。

     そうなると、
     ・ChatGPTからGASに値がうまくわたっていないか、
     ・ChatGPTから渡された値をLINEに返すときに失敗しているか
     のいずれかが原因かな？と思います。

     lineReply(json, res.choices[0].message.content.trimStart());
     を、
     lineReply(json, “test”);
     に変えて実行してみてください。
     これでLINEに応答がなかったらLINEへの応答部分に原因がありそうです。

     LINE_TOKENの値に、「チャネルアクセストークン（長期）」の値を
     正しく設定できているか確認してみてください。

     LINEに応答があった場合は、
     lineReply(json, res.choices[0].message.content.trimStart());
     を、
     lineReply(json, res.choices[0].message.content);

     にして試してみてください。
     またいつでもご質問いただければと思います。

     返信
     • ぬ より:

       2023年3月15日 10:27

       LINEのアクセストークンの値の設定確認しました。
       また、lineReply(json, res.choices[0].message.content.trimStart());
       を、
       lineReply(json, “test”);
       に変更した際も応答がありませんでした。
       別サイトに記載のおうむ返しをするGASのソースコードでデプロイした際には正常に動作したので、LINE DevelopersやLINE Official Account Managerの設定などには問題はないと思います。
       度重なる質問でご迷惑おかけしますが、よろしくお願いします。

       返信
       • chaso より:

         2023年3月15日 10:49

         GASからLINEに応答する際に失敗しているようですが、
         同じソースコード、同じ設定をしていて、何が失敗の原因になっているかこちらでは分かりかねますので、
         参考にされた別サイトのソースコードをベースに、ChatGPT APIの通信用に書き換えて動かしてみていただければと思います。

         オウム返しをする場合、LINEに値を返却するときに以下のようになっているかと思いますので、
         ‘messages’: [{
         ‘type’: ‘text’,
         ‘text’: LINEから受け取った値,
         }]

         ‘text’の値に、ChatGPTのAPIから返却された値を入れてみてください。
         ソースコードの編集が難しそうであれば、こちらで中身を確認させていただきますのでまた連絡いただければと思います！

         返信
         • ぬ より:

           2023年3月15日 22:15

           ソースコードの編集を試してみましたが難しそうでしたのでご連絡させていただきました。
           以下成功したおうむ返しのソースコードになります。

           /** メッセージが送付された際に、実行される関数 */
           function doPost(e) {

           // アクセストークン
           const ACCESS_TOKEN = ‘トークン入れる’
           const replyToken = JSON.parse(e.postData.contents).events[0].replyToken;
           const userMessage = JSON.parse(e.postData.contents).events[0].message.text;
           const url = ‘https://api.line.me/v2/bot/message/reply’;
           const headers = {
           ‘Content-Type’: ‘application/json; charset=UTF-8’,
           ‘Authorization’: ‘Bearer ‘ + ACCESS_TOKEN
           };

           //メッセージ送信内容
           const payload = JSON.stringify({
           ‘replyToken’: replyToken,
           ‘messages’: [{
           ‘type’: ‘text’,
           ‘text’: userMessage
           }]
           })

           const options = {
           ‘headers’: headers,
           ‘method’: ‘post’,
           ‘payload’: payload
           };

           // レスポンス
           const response = UrlFetchApp.fetch(url, options);

           const data = JSON.parse(response.getContentText());
           console.log(data);
           }
         • chaso より:

           2023年3月16日 07:40

           コメントありがとうございます。
           上記のソースコードをベースに、ChatGPTとの通信処理を追加しました。

           /* ▼追加 */
           const GPT_TOKEN = ‘GPTのアクセストークン’;
           const LINE_ENDPOINT = “https://api.line.me/v2/bot/message/reply”;
           const GPT_ENDPOINT = ‘https://api.openai.com/v1/chat/completions’;
           const MODEL_NAME = ‘gpt-3.5-turbo’;
           const MODEL_TEMP = 0.5;
           const MAX_TOKENS = 256;
           /* ▲追加 */

           /** メッセージが送付された際に、実行される関数 */
           function doPost(e) {

           // アクセストークン
           const ACCESS_TOKEN = ‘トークン入れる’;
           const replyToken = JSON.parse(e.postData.contents).events[0].replyToken;
           const userMessage = JSON.parse(e.postData.contents).events[0].message.text;

           /* ▼追加 */
           // LINEのメッセージをChatGPTに投げるメッセージにセットする
           const messages = [{ “role”: “user”, “content”: userMessage }]
           const headers_gpt = {
           ‘Authorization’: ‘Bearer ‘ + GPT_TOKEN,
           ‘Content-type’: ‘application/json’,
           };
           // リクエストオプション
           const options_gpt = {
           ‘method’: ‘POST’,
           ‘headers’: headers_gpt,
           ‘payload’: JSON.stringify({
           ‘model’: MODEL_NAME, // 使用するGPTモデル
           ‘max_tokens’: MAX_TOKENS, // レスポンストークンの最大値(最大4,096)
           ‘temperature’: MODEL_TEMP, // 応答の多様性(0-1)※数値が大きいほどランダムな応答になる
           ‘messages’: messages
           })
           };
           // HTTPリクエストでChatGPTのAPIを呼び出す
           const res = JSON.parse(UrlFetchApp.fetch(GPT_ENDPOINT, options_gpt).getContentText());
           /* ▲追加 */

           const url = “https://api.line.me/v2/bot/message/reply”;
           const headers = {
           ‘Authorization’: ‘Bearer ‘ + ACCESS_TOKEN,
           ‘Content-type’: ‘application/json’
           };

           //メッセージ送信内容
           const payload = JSON.stringify({
           “replyToken”: replyToken,
           “messages”: [{
           “type”: “text”,
           “text”: res.choices[0].message.content // “messages”から変更
           }]
           })

           const options = {
           “headers”: headers,
           “method”: “post”,
           “payload”: payload
           };

           // レスポンス
           const response = UrlFetchApp.fetch(url, options);

           const data = JSON.parse(response.getContentText());
           console.log(data);
           }

           追加・変更した部分についてはコメントしています。
           ご確認よろしくお願いします。