LINE Messaging API×GASで家計簿管理用のLINE botを作成する：LINEの投稿に返信する機能を実装する

前回に引き続き、LINEで家計簿管理をするbotを作っていきます。

前回の記事ではLINEとGASの登録＆設定をして、連携するところまで行いました。

今回の記事では、LINEの投稿に返信する機能を実装していきたいと思います。

ソースコードを変更する箇所がありますが、

コピペでできますのでプログラミング未経験の方でも大丈夫です！

（その反面、ある程度ITスキルのある方には回りくどい部分もあるかと思いますがご了承ください）

【GAS】スクリプトを作成する

Google Apps Script(GAS)のスクリプトを作成します。

前回空のプロジェクトを作成しましたが、そこにソースコードを記載していきます。

前回使用したプロジェクトがどれか分からなくなってしまったという場合には新規作成すればOKです。

Apps Scriptのマイページ（https://script.google.com/home）から、「新しいプロジェクト」を押下します。

「コード.gs」には、myFunction()という空の関数が記載されていますが、いったん削除します。

次に、以下のコードを入れてみてください。

/*
  LINE家計簿用bot
*/
// LINE developerで登録したチャネルアクセストークン
var ACCESS_TOKEN = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
// LINEへ応答メッセージを送るAPI
var LINE_ENDPOINT = "https://api.line.me/v2/bot/message/reply"

// LINEからPOSTリクエストが渡されてきたときに実行される処理
function doPost(e) {

  // LINEからPOSTされるJSON形式のデータをGASで扱える形式(JSオブジェクト)に変換
  var json = JSON.parse(e.postData.contents);

  // LINE側へ応答するためのトークンを作成(LINEからのリクエストに入っているので、それを取得する)
  var reply_token= json.events[0].replyToken;
  if (typeof reply_token === 'undefined') {
    return;
  }

  var messageText = "自動返信のテストです(^^)/";

  // 応答用のメッセージを作成
  var message = {
                  "replyToken"  : reply_token,
                  "messages"    : [{"type": "text",                 // メッセージのタイプ(画像、テキストなど)
                                    "text" : messageText}] // メッセージの内容
                };

  // LINE側へデータを返す際に必要となる情報
  var options = {
    "method" : "post",
    "headers" : {
      "Content-Type" : "application/json; charset=UTF-8",  // JSON形式を指定、LINEの文字コードはUTF-8
      "Authorization" : "Bearer " + ACCESS_TOKEN           // 認証タイプはBearer(トークン利用)、アクセストークン
    },
    "payload" : JSON.stringify(message)                    // 応答文のメッセージをJSON形式に変換する
  };

  // LINEへ応答メッセージを返す
  UrlFetchApp.fetch(LINE_ENDPOINT, options);
}

上記のソースコードをそのまま貼り付けていただければOKです。

LINEのアクセストークンを貼り付ける

LINE Developersのマイページで、LINEのアクセストークンを取得します。

「Messaging API設定」タブの一番下にある「チャネルアクセストークン」をコピーします。

コピーしたアクセストークンを、5行目の「var ACCESS_TOKEN =’xxxxxxxx’」の部分に貼り付けます。

GASのデプロイ＆LINEにURLを貼り付ける

では、GASとLINEそれぞれの設定をしていきます。

GASのデプロイ

前回記事でも行いましたデプロイを行います。

デプロイ＞新しいデプロイを押下

• 種類は「ウェブアプリ」
• 次のユーザーとして実行：「自分」
• アクセスできるユーザー：「全員」

上記を設定の上、右下の「デプロイ」を押下します。

ウェブアプリのURLをコピーします。

LINEにURLを貼り付ける

LINE Developersの「Messaging API設定」を開きます。

こちらも前回記事で行った通り、Webhook設定にウェブアプリのURLを設定します。

LINEで自動返信がかえってくるか確認する

ここまでできたらLINEで自動返信が返ってくるかを確認してみます。

なにか適当にメッセージを送信すると、先ほどGASで設定したメッセージが返ってくることが確認できました。

追記：自動返信が返ってこない場合

自動返信が返ってこない場合、LINE Developersの、

MessageAPIの設定->LINE公式アカウント機能の設定で、
応答メッセージをoff、応答方法を手動チャット＋応答メッセージ に設定すると応答が返ってくるようになります。

(コメント頂いた くま 様、ありがとうございました！）

まとめ

今回の記事で、LINEのメッセージをGASで受け取って、GASで応答メッセージを作成してLINEに返信するという流れが作成できました。

ここで、最終的に作りたいLINE家計簿botについておさらいすると、現時点で枠組みができたのは以下の部分です。

LINEで「医療費　〇〇円」「交通費　××円」といったメッセージを送った際に、スプレッドシートにそれを記録するという機能や、家計簿データを参照するといった機能が未実装です。

次回記事では、LINEから送られたメッセージをスプレッドシートに登録するという機能を作成していきます。