ChatGPT APIを使ったLineBotの作り方 GASのサンプルコード付き

今回はGASChatGPTとLineBotを使ってみようと思います。

ちなみにchatGPTに質問してもなんだかんだ答えてくれます。

実装方法がいろいろあるので、やりたいことに合わせて聞いてやれば答えてくれます。

超優秀！

とりあえずでできたデモが以下です。

友達追加

いろいろごにょごにょしているのでもしかしたら動かないこともないこともない。(^^;

動いていたら使ってやってください。

普通に使うには以下の記事をどうぞ。

ChatGPTとは？利用までの手順

では、本編です。

Line Developer に登録

まずは以下をクリックして Line Developer に登録します。

https://developers.line.biz/ja/

ログインを押します。

LINEアカウントまたはビジネスアカウントでログインします。

プロバイダー作成ボタンがあるので、押すと上記画面がでます。

プロバイダー名を任意に付けて作成します。

チャネル作成

チャンネルを作成します。

Messaging APIを選択。

とりあえず、必須の項目を埋めてください。

チャネル名がBotの名前になります。

作成を押して、上記画面でOKを押します。

同意文章が出てきますが、読んで同意してください。

チャンネルアクセストークンの取得

Messaging API設定タブへ移動します。

下のほうにチャンネルアクセストークンがあるので、発行を押します。

ここで出てきた文字列はあとで使います。

chatGPTのシークレットキーの取得

OpenAI（ChatGPT）のAPIを利用するためには、まず「アカウントの登録する必要があります。

アカウントの登録自体は無料で行うことができます。

ChatGPTとは？利用までの手順

シークレットキーを発行するには以下にアクセスしてログインしてください。

https://platform.openai.com/account/api-keys

「create new secret key」を押すとシークレットキーが発行されます。

ここで出てきた文字列はコピーして保管しておいてください。

コピーしておかないと再度コピーできません。

もし消してしまったらもう一回「create new secret key」を押せば新しくシークレットキーを取得できます。

※発行自体に料金はかかりませんが、プログラムコードやサービス上で利用すると従量課金制で料金が発生します。初回登録時にもらえるクレジットをもらえていればちょっと遊べます。

Google Apps Script を作成

LINE Botサーバーをたててやることもできますが、今回はGoogle Apps Script（GAS）を使っていきます。

GASはGoogleのサービスを連携・自動化させるためのスクリプト言語です。

GASの特徴として以下があります。

無料で使える
開発環境が不要

そう、無料で手間いらずだから！

それでは以下にアクセスしてください。

https://script.google.com/home

左上の新しいプロジェクトをクリックします。

APIキーはGASスクリプトに直書きすることもできますが、スクリプトをコピペやGithub管理など流出する可能性もあるようで、今回は、GASではスクリプトプロパティにAPIキーを格納してコードからスクリプトプロパティを読み込みます。

GASスクリプトエディタを開いたら、左メニューにある「プロジェクトの設定」をクリックします。

プロジェクトの設定画面をスクロールするとスクリプトプロパティの項目が表示されるので、「スクリプトプロパティを追加」を選択します。

プロパティに「CHATGPT_APIKEY」と入れて、値に事前に取得したChatGPTのシークレットキーをコピペし、「スクリプトプロパティを保存」をクリックします。

もう１つスクリプトプロパティにプロパティにLINE_APIKEY、値にLINEで取得したチャンネルアクセストークンを入力します。

こんな感じ。

スクリプトプロパティを保存を押します。

エディタをクリックしてコードをコピペ。

//WebアプリにPOSTリクエストが送られた時に実行される関数
function doPost(e) {

  //スクリプトプロパティのAPIキーを取得
  const scriptProperties = PropertiesService.getScriptProperties();
  const chatGPT_apiKey = scriptProperties.getProperty('CHATGPT_APIKEY');
  const LINE_apiKey = scriptProperties.getProperty('LINE_APIKEY');
  //ChatGPT API エンドポイント
  const chatGPT_apiUrl = 'https://api.openai.com/v1/chat/completions';
  //LINE API エンドポイント
  const LINE_apiUrl = 'https://api.line.me/v2/bot/message/reply';

  //WebHook受信処理
  const event = JSON.parse(e.postData.contents).events[0];
  const replyToken = event.replyToken;
  let messages = event.message.text;

  //ChatGPT POST時のオプションパラメータを設定
  const chatGPT_options = {
    'headers': {
      'Authorization': 'Bearer ' + chatGPT_apiKey,
      'Content-type': 'application/json',
      'X-Slack-No-Retry': 1
    },
    'muteHttpExceptions': true,
    'method': 'POST',
    'payload': JSON.stringify({
      'model': 'gpt-3.5-turbo',
      'max_tokens': 1024,
      'messages': [{ "role": "user", "content": messages }]
    })
  };

  //リクエスト
  const response = JSON.parse(UrlFetchApp.fetch(chatGPT_apiUrl, chatGPT_options).getContentText());
  const text = response['choices'][0]['message']['content'].trim();

  //HTTPSのPOST時のオプションパラメータを設定
  const LINE_options = {
    'headers': {
      'Content-Type': 'application/json; charset=UTF-8',
      'Authorization': 'Bearer ' + LINE_apiKey,
    },
    'method': 'post',
    'payload': JSON.stringify({
      'replyToken': replyToken,
      'messages': [{
        'type': 'text',
        'text': text,
      }]
    })
  };

  //リクエスト
  UrlFetchApp.fetch(LINE_apiUrl, LINE_options);
}

最後にGoogle Apps Script をデプロイします。