ChatGPTが返答をするLINE Botの作成方法。Gasを使って手軽に始めよう

2023年10月31日

こちらの記事では、Chat GPT APIを使って、Chat GPTが返答をするLINE Botを作成する方法を紹介します。
作成にはプログラミング言語の1つであるGas(Google Apps Script)を使用します。

無料枠ではLINE Botを作って、Chat GPTとやり取りできるところまでご紹介します。
有料枠では前回のやり取りを残すことで回答の制度をあげるコードを紹介しています。

Chat GPT APIを取得するにはChatGPTに登録をしておく必要があります。(ここでは登録の説明はしていません)
回答してくれるChat GPTのバージョンは「gpt-3.5-turbo」を使用します。

LINEの設定

LINEアカウントの開発用の LINE Developers に登録します。

LINEチャンネルの作成

まずはプロダクトから「Messaging API」を選択します。

「今すぐはじめよう」をクリックします。

チャンネル設定をしていきます。
チャンネルの種類が「Messaging API」なのを確認しましょう。

プロバイダーをすでに作成済みの方はそちらを選択してください。
プロバイダーがない方は「新規プロバイダー作成」を選択します。
例として「きのこカンパニー」としています。
お好みでつけてください。
プロバイダー名は自分自身や所属する組織の名前を使うことが一般的だそうです(Chat GPTさんに聞きました)。

残りも設定していきましょう。以下は設定の例です。

会社・事業者の所在国・地域: 日本
チャンネルアイコン: (任意)
チャンネル名: Chat GPT(このチャンネル名がBot名になります)
チャンネル説明: Chat GPT(どんなBotかの説明を入れておきましょう)
大業種: 個人(自分の業種に合わせて選択してください)
小業種: 個人(IT・コンピュータ)(自分の業種に合わせて選択してください)
メールアドレス: 自分のメールアドレスを入力
プライバシーポリシーURL: (任意)
サービス利用規約URL: (任意)

LINE公式アカウント利用規約とLINE公式アカウントAPI利用規約を
確認して同意して、「作成」ボタンをクリックしましょう。

「以下の内容でMessaging APIチャンネルを作成しますか？」と表示されるの、自分で設定した内容に間違いがないかを確認して「OK」をクリックしましょう。

「情報利用に関する同意について」が表示されるので内容を確認して「同意する」をクリックします。

続いて「ZHDグループへの情報提供に関する個別規約への同意について」が表示されるので文章を下までスクロールして「同意する」をクリックします。

これでLINEチャンネルが作成できました。

Messaging API設定

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

QRコードとボットのベーシックIDが出てくると思います。
どちらかを使って「LINEの友達追加」をしておきましょう。

Webhook設定はGasコードを書いてデプロイ後に設定します。

応答メッセージの「編集」をクリックします。

別タブが開いて「応答設定」ページに移動します。
以下のように設定しましょう。

チャット: オフ(自分でメッセージを返す場合がある場合はオン)
あいさつメッセージ: オフ(友達登録後の最初のメッセージ)
Webhook: オン(最初はオフになっているのでオンに変更)
応答メッセージ: オフ(Chat GPTの返答を返すのでここはオフに変更)

設定が終わったら、元のMessaging API設定のタブに戻ります。
チャンネルアクセストークンを「発行」しましょう。

チャンネルアクセストークンはGasのコードで必要になりますのでメモ帳などにコピーしておきましょう。※1

Chat GPT APIを取得

Chat GPTの登録がまだな方は登録(Sign up)する必要があります。

Chat GPT のAPI keyを取得しましょう。
「Create new secret key」をクリックするとAPI keyが表示されます。

Chat GPTのシークレットキーは後からは表示されなくなります。
Gasコードで使うのでメモ帳などにコピーしておきましょう。※2

シークレットキーが分からなくなった場合は再度発行してもらえれば大丈夫です。

Chat GPTの気になったことをメモしておきます。

Chat GPTに登録から3ヶ月以内なら無料枠が$18ある
無料枠以上はクレジットカードを登録して課金されていく
利用上限金額の設定も可能
文字数をトークンとして扱い、トークン量に応じて課金されていく
思った以上に価格は安いと思う
無料枠$18があるのでそれを使ってみてからどうするか考えても良さそう

Gasの設定

プロジェクト作成

Gasのホームを開きましょう。

「+新しいプロジェクト」をクリックしてプロジェクトを作成します。

「無題のプロジェクト」から「ChatGpt-LINE-Bot」みたいな分かりやすい名前に変更しましょう。(任意)
「コード.js」も「main.gs」と変更しておきました。(任意)

Gasコード

このGasコードがLINEからメッセージを受け取り、Chat GPTに質問し、回答を得て、LINEに返答するような中継する役割を担います。

元々書かれている「function myFunction() { } 」は削除して、
以下のコードを貼り付けます。

const LINE_CHANNEL_ACCESS_TOKEN = "LINEチャンネルアクセストークン";
const CHAT_GPT_API_KEY = "ChatGPTシークレットキー";

/**
 * LINEメッセージ トリガー
 */
function doPost(e) {
  var lineEvent = JSON.parse(e.postData.contents).events[0];
  var lineReplyToken = lineEvent.replyToken;
  var lineMmessage = lineEvent.message;
  var lineMmessageText = lineMmessage.text;

  if (lineMmessageText === undefined) {
    // 絵文字・スタンプ・画像・動画・音声の場合
    var replyMessage = "サポートされていません。\n申し訳ありません。";
    replyToLineMessage(lineReplyToken, replyMessage);

    return createResponse();
  }
  var messages = createChatGptMessages(lineMmessageText);
  var chatGptAnswer = fetchChatGptResponse(messages);
  replyToLineMessage(lineReplyToken, chatGptAnswer);

  return createResponse();
}

/**
 * 成功した場合に返すJSON形式のレスポンスを作成
 */
function createResponse() {
  return ContentService.createTextOutput(
    JSON.stringify({"content": "post ok"})).setMimeType(ContentService.MimeType.JSON);
}

/**
 * ChatGPT APIに質問し応答を返す
 */
function fetchChatGptResponse(messages) {
  var payload = {
      "model": "gpt-3.5-turbo",
      "messages": messages
  };
  var options = getChatGptOptions(payload);

  var apiUrl = "https://api.openai.com/v1/chat/completions"

  Logger.log("ChatGPT APIに質問します");
  var response = UrlFetchApp.fetch(apiUrl, options);
  Logger.log("ChatGPT APIから回答がきました");

  var jsonResponse = JSON.parse(response.getContentText());
  var answer = jsonResponse["choices"][0]["message"]["content"].trim();

  return answer;
}

/**
 * ChatGPTへ送信する用のOptions取得
 */
function getChatGptOptions(payload) {
  return {
    "method": "post",
    "headers": {
      "Content-Type": "application/json",
      "Authorization": "Bearer "+ CHAT_GPT_API_KEY
    },
    "payload": JSON.stringify(payload)
  }
}

/**
 * LINEメッセージ送信
 */
function replyToLineMessage(replyToken, message) {

  var payload = {
    "replyToken": replyToken,
    "messages": [{"type": "text", "text": message,}]
  };

  var options = {
    "method": "post",
    "headers": {
      "Content-Type": "application/json; charset=UTF-8",
      "Authorization": "Bearer " + LINE_CHANNEL_ACCESS_TOKEN,
    },
    "payload": JSON.stringify(payload),
  };

  var url = "https://api.line.me/v2/bot/message/reply";
  UrlFetchApp.fetch(url, options);
}

/**
 * chat GPT用の messages 作成
 */
function createChatGptMessages(question) {
  var systemContent = getChatGptSytemContent();
  return [
    {"role": "system", "content": systemContent},
    {"role": "user", "content": question}
  ]
}

/**
 * ChatGptの回答設定
 */
function getChatGptSytemContent() {
  var content = `
    あなたは「猫」として回答してください。
    一人称は「吾輩」にしてください。
    誓約:
    語尾に「にゃ」を付けてください。
    会話の途中で、「。」がつく場合はそこにも「にゃ」を付けるようにしてください。
    
    口調例:
    おはようにゃ
    ごめんにゃ
    いい天気だにゃ
    吾輩は猫にゃ
    言ってることがよく分からないにゃ。もう一度説明をお願いしたいにゃ。
  `;
  return content;
}

コードの書き換えが必要な箇所は「LINE_CHANNEL_ACCESS_TOKEN」と「CHAT_GPT_API_KEY」の2箇所です。
※1 と※2 の部分でメモ帳にコピーしておいたものに書き換えてください。

const LINE_CHANNEL_ACCESS_TOKEN = "LINEチャンネルアクセストークン";
const CHAT_GPT_API_KEY = "ChatGPTシークレットキー";

↓↓↓↓↓
(例)

const LINE_CHANNEL_ACCESS_TOKEN = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
const CHAT_GPT_API_KEY = "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb";

getChatGptSytemContent() { } という関数の中でChat GPTの設定を組み込めます。
例として猫のようになるような設定を入れています。
お好みで設定を変更してください。
設定が不要な場合は「return content;」の部分を「return “”;」と書き換えてください。(ダブルクォーテンション「”」は半角で、2つです)

/**
 * ChatGptの回答設定
 */
function getChatGptSytemContent() {
  var content = `
  あなたは「猫」として回答してください。
  一人称は「吾輩」にしてください。
  誓約:
  語尾に「にゃ」を付けてください。
  会話の途中で、「。」がつく場合はそこにも「にゃ」を付けるようにしてください。

  口調例:
  おはようにゃ
  ごめんにゃ
  いい天気だにゃ
  吾輩は猫にゃ
  言ってることがよく分からないにゃ。もう一度説明をお願いしたいにゃ。
  `;
  return content;
}