【GASだけで完結】LINEで使える買い物リスト管理BOTの作り方をコード付きで解説

/*
関数概要
 買い物リストBOTのメイン処理

引数
 e LINEから受け取ったイベント情報

戻り値
 なし
———————————–*/
function doPost(e) {
  /* テキスト内容によって制御 */
  try {
    const res = e.postData.getDataAsString();
    postLog(res);
    const event = JSON.parse(res).events[0];

    switch (event.type) {
      /* メッセージイベントの場合 */
      case "message":
        getMessage(event);
        break;
      /* ポストバックイベントの場合 */
      case "postback":
        getPostback(event);
        break;
      default:
        addLog(res);
        break;
    }
  } catch (e) {
    addLog(e);
  }
}

/*
関数概要
 メッセージイベントの処理

引数
 event LINEから受け取ったメッセージイベント情報

戻り値
 なし
———————————–*/
function getMessage(event) {
  /* テキスト内容によって制御 */
  try {
    /* eventの宛先IDを取得 */
    let to;
    if (event.source.type == "user") {
      to = event.source.userId;
    } else {
      to = event.source.roomId;
    }
    switch (event.message.text) {
      /* 買い物リストを表示 */
      case "表示":
        pushShoppingLists(to);
        break;
      /* 買い物リストの追加 */
      case "追加":
        addShoppingLists(to);
        break;
      /* 買い物リストの削除 */
      case "削除":
        deleteShoppingLists(to);
        break;
      /* 使い方の表示 */
      case "使い方":
        pushReadme(to);
        break;
      default:
        /* スクリプトプロパティ情報を取得 */
        const prop = PropertiesService.getScriptProperties();
        /* 現在の設定値を取得 */
        const CONF = prop.getProperty("CONF");
        /* 設定値が1なら買い物リストを追加する */
        if (CONF == 1) {
          /* 設定値を0にする */
          prop.setProperty("CONF", 0);
          /* 空文字は削除する */
          let shoppingLists = event.message.text.split(/\\n/);
          shoppingLists = shoppingLists.filter(function (x) {
            return !(x === null || x === undefined || x === "");
          })
          /* 買い物リストを追加する */
          prop.setProperty("LIST", prop.getProperty("LIST") + "," + shoppingLists.join(","));
          const lineMessageObject = [
            {
              type: "text",
              text: "追加しました！",
            },
          ];
          pushLine(lineMessageObject, to);
          pushShoppingLists(to);
        }
        break;
    }
  } catch (event) {
    addLog(event);
  }
}

/*
関数概要
 ポストバックイベントの処理

引数
 event LINEから受け取ったメッセージイベント情報

戻り値
 なし
———————————–*/
function getPostback(event) {
  /* eventの宛先IDを取得 */
  let to;
  if (event.source.type == "user") {
    to = event.source.userId;
  } else {
    to = event.source.roomId;
  }
  /* スクリプトプロパティ情報を取得 */
  const prop = PropertiesService.getScriptProperties();
  /* 設定値を0にする */
  prop.setProperty("CONF", 0);
  /* 買い物リストの文字列を取得 */
  const stringLists = prop.getProperty("LIST");
  /* 買い物リストの文字列を配列に変換して取得 */
  const ArrayLists = stringLists.split(",");

  /* ポストバックから受け取ったデータを取得 */
  const data = event.postback.data;

  /* 買い物リストから削除する */
  const newArrayLists = ArrayLists.filter(function (a) {
    return a != data.replace("delete=", "");
  });

  /* 買い物リストを更新する */
  prop.setProperty("LIST", newArrayLists.join(","));

  /* 削除結果をLINEに送信する */
  const lineMessageObject = [
    {
      type: "text",
      text: `『${data.replace("delete=", "")}』を削除しました`,
    },
  ]
  return pushLine(lineMessageObject, to);
}

/*
関数概要
 買い物リストの内容をLINEに送信する処理

引数
 to 送る宛先

戻り値
 送信した結果のレスポンス
———————————–*/
function pushShoppingLists(to) {
  /* スクリプトプロパティ情報を取得 */
  const prop = PropertiesService.getScriptProperties();
  /* 設定値を0にする */
  prop.setProperty("CONF", 0);
  /* 買い物リストの文字列を取得 */
  const stringLists = prop.getProperty("LIST");
  /* 買い物リストの文字列を配列に変換して取得 */
  const ArrayLists = stringLists.split(",");
  /* 先頭の『初期値』は削除する */
  ArrayLists.shift();

  /* 買い物リストが空の場合 */
  if (stringLists == "初期値") {
    let lineMessageObject = [
      {
        type: "text",
        text: "買い物リストは空っぽです。"
      }
    ];
    return pushLine(lineMessageObject, to);
    /* 買い物リストがある場合 */
  } else {
    return pushLine(createContents(ArrayLists, "買い物リスト", "primary"), to);
  }
}

/*
関数概要
 買い物リストを追加モードにする処理

引数
 to 送る宛先

戻り値
 送信した結果のレスポンス
———————————–*/
function addShoppingLists(to) {
  /* スクリプトプロパティ情報を取得 */
  const prop = PropertiesService.getScriptProperties();
  /* 設定値を1にする */
  prop.setProperty("CONF", 1);
  /* 使い方の内容 */
  const message =
    `追加したい品目を入力してください。
改行すると、複数追加できます。`;
  const lineMessageObject = [
    {
      type: "text",
      text: message,
    },
  ];
  return pushLine(lineMessageObject, to);
}

/*
関数概要
 買い物リストをカルーセルテンプレートでLINEに送る処理

引数
 to 送る宛先

戻り値
 送信した結果のレスポンス
———————————–*/
function deleteShoppingLists(to) {
  /* スクリプトプロパティ情報を取得 */
  const prop = PropertiesService.getScriptProperties();
  /* 設定値を2にする */
  prop.setProperty("CONF", 2);
  /* 買い物リストの文字列を取得 */
  const stringLists = prop.getProperty("LIST");
  /* 買い物リストの文字列を配列に変換して取得 */
  const ArrayLists = stringLists.split(",");
  /* 先頭の『初期値』は削除する */
  ArrayLists.shift();

  /* 買い物リストが空の場合 */
  if (stringLists == "初期値") {
    const lineMessageObject = [
      {
        type: "text",
        text: "買い物リストは空っぽです。"
      }
    ];
    return pushLine(lineMessageObject, to);
    /* 買い物リストがある場合 */
  } else {
    pushLine(createContents(ArrayLists, "削除する品名をタップ", "secondary"), to);
  }
}

/*
関数概要
 買い物リストのFlex Messageを組み立てる処理

引数
 shoppingLists  買い物リストの配列
 message リストのタイトルメッセージ

戻り値
 lineMessageObjecを返す
———————————–*/
function createContents(shoppingLists, message, button_type) {
  let contents = [];

  /* 買い物リストのカルーセルを組み立てる */
  for (let i in shoppingLists) {
    /* 空文字以外 */
    if (shoppingLists[i] != "") {
      contents.push({
        "type": "button",
        "action": {
          "type": "postback",
          "label": shoppingLists[i],
          "data": "delete=" + shoppingLists[i]
        },
        "style": button_type,//買い物リストを表示するときprimary、削除するときは灰色のボタンsecondary
        "height": "sm"
      });
    }
  }

  /* Flex Messageを組み立てる */
  const lineMessageObject = [{
    "type": "flex",
    "altText": "買い物リスト",
    "contents": {
      "type": "bubble",
      "body": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "text",
            "text": message,
            "weight": "bold",
            "size": "xl"
          }
        ]
      },
      "footer": {
        "type": "box",
        "layout": "vertical",
        "spacing": "sm",
        "contents": contents,
        "flex": 0
      }
    }
  }];

  return lineMessageObject;
}

/*
関数概要
 LINEに送信する処理

引数
 lineMessageObject LINEに送るメッセージオブジェクト
 to 送る宛先

戻り値
 送信した結果のレスポンス
———————————–*/
function pushLine(lineMessageObject, to) {
  /* スクリプトプロパティ情報を取得 */
  const prop = PropertiesService.getScriptProperties();
  /* LINEに送信用のURL */
  const PUSH_API_URL = "https://api.line.me/v2/bot/message/push";

  const headers = {
    "Content-Type": "application/json",
    Authorization: "Bearer " + prop.getProperty("TOKEN")
  };
  const data = {
    to: to,
    messages: lineMessageObject
  };
  const options = {
    method: "POST",
    headers: headers,
    payload: JSON.stringify(data)
  };
  return UrlFetchApp.fetch(PUSH_API_URL, options);
}

/*
関数概要
 使い方の内容をLINEに送信する処理

引数
 to 送る宛先

戻り値
 送信した結果のレスポンス
———————————–*/
function pushReadme(to) {
  /* スクリプトプロパティ情報を取得 */
  const prop = PropertiesService.getScriptProperties();
  /* 設定値を0にする */
  prop.setProperty("CONF", 0);
  /* 使い方の内容 */
  const message =
    `以下のキーワードに反応します。

①『表示』:リストを表示。
②『追加』:リストに追加。
③『削除』:リストを削除。
④『使い方』:使い方を表示。`;
  const lineMessageObject = [
    {
      type: "text",
      text: message,
    },
  ];
  return pushLine(lineMessageObject, to);
}