【シリーズ第4話】コピペでOK！スプレッドシートの語句を返信するLINE BOTをGASで作成する方法(実践編)

f:id:yukibnb:20200427221838p:plain

こんにちは！
Yuki (@yukibnb) です。

LINE Messaging APIとGoogle Apps Script(GAS)を使用してスプレッドシートに記載された語句を返信するBOTを作成する方法シリーズ記事の第4話です。

f:id:yukibnb:20200316214556g:plain

今回の記事ではいよいよGoogle Apps Script(GAS)を書き、LINE BOT作成完了まで紹介します！細かいことは考えずコピペで作成できますのでご安心ください。

第1～3話は以下からご確認頂けます。

www.yukibnb.com

コピペでOK！スプレッドシートの語句を返信するLINE BOTのGAS
GASとLINE Messaging APIを接続しよう
使ってみよう！
- LINE BOTを友だち追加する
- メッセージを送ろう
【補足】GASを編集した場合
- ウェブアプリケーションの設定画面を開く
- [New]を選択する
まとめ

コピペでOK！スプレッドシートの語句を返信するLINE BOTのGAS

スクリプトエディタを開く

f:id:yukibnb:20200224192948p:plain

第3話で作成したスプレッドシートを開いてください。

スプレッドシートの画面上部の[ツール]をクリックすると選択肢が複数表示されます。

その中の[スクリプトエディタ]をクリックしてください。

すると別タブでスクリプトエディタが開きます。

プロジェクト名とスクリプト名を記入する

f:id:yukibnb:20200224193318p:plain

プロジェクト名とスクリプト名を入力してください。

お好きな名前で大丈夫です。

GASをコピペする

f:id:yukibnb:20200425153058p:plain

上記画像の箇所に以下GASをコピペしてください。

元から入力されているfunction myFunction() { }は不要なので削除してください。

memo

チャネルアクセストークンは第2話で確認したものを入力ください。
スプレッドシートIDとシート名は第3話で確認したものを入力ください。

//★★LINE Messaging APIのチャネルアクセストークン★★
var LINE_ACCESS_TOKEN = "チャネルアクセストークンをここに入力";

//★★スプレッドシートID★★
var ss = SpreadsheetApp.openById("スプレッドシートIDをここに入力");

//★★シート名★★
var sh = ss.getSheetByName("シート名をここに入力");


//LINE Messaging APIからPOST送信を受けたときに起動する
// e はJSON文字列
function doPost(e){
  if (typeof e === "undefined"){
    //動作を終了する
    return;
  } else {
    //JSON文字列をパース(解析)し、変数jsonに格納する
    var json = JSON.parse(e.postData.contents);

    //変数jsonを関数replyFromSheetに渡し、replyFromSheetを実行する
    replyFromSheet(json)
  }
}
 
//返信用の関数replyFromSheet
// data には変数jsonが代入される
function replyFromSheet(data) {
  //返信先URL
  var replyUrl = "https://api.line.me/v2/bot/message/reply";
   
  //シートの最終行を取得する
  var lastRow = sh.getLastRow();
   
  //シートの全受信語句と返信語句を二次元配列で取得する
  var wordList = sh.getRange(1,1,lastRow,2).getValues();
   
  //受信したメッセージ情報を変数に格納する
  var reply_token　= data.events[0].replyToken; //reply token
  var text = data.events[0].message.text; //ユーザーが送信した語句
 
  //返信語句を格納するための空配列を宣言する
  var replyTextList = [];
  
  //LINEで受信した語句がシートの受信語句と同じ場合、返信語句をreplyTextにpushする
  for(var i = 1; i < wordList.length; i++) {
    if(wordList[i][0] == text) {
    　replyTextList.push(wordList[i][1]);
    }
  }
  

  //LINEで受信した語句がシートの受信語句と一致しない場合、関数を終了する
  if(replyTextList.length < 1) {
    return;
    
  //replyTextListのLengthが5より大きい場合、messageLengthを5にする
  //※※一度に最大5つの吹き出ししか返信できないためです※※
  } else if(replyTextList.length > 5) {
    var messageLength = 5;
  } else {
    var messageLength = replyTextList.length;
  }
  
  //"messages"に渡す配列を格納するための空配列を宣言する
  //[{"type": "text", "text": "返信語句その1"},{"type": "text", "text": "返信語句その2"}....]
  var messageArray = [];
  
  //replyTextListに格納されている返信語句を最大5つ、messageArrayにpushする
  for(var j = 0; j < messageLength; j++) {
    messageArray.push({"type": "text", "text": replyTextList[j]});
  }
  
  var headers = {
    "Content-Type": "application/json; charset=UTF-8",
    "Authorization": "Bearer " + LINE_ACCESS_TOKEN,
  };
  
  var postData = {
    "replyToken": reply_token,
    "messages": messageArray
  };

  var options = {
    "method" : "post",
    "headers" : headers,
    "payload" : JSON.stringify(postData)
  };
    
  //LINE Messaging APIにデータを送信する
  UrlFetchApp.fetch(replyUrl, options);
}

GASをコピペし、チャネルアクセストークン・スプレッドシートID・シート名を置き換えると以下のような画面になります。
f:id:yukibnb:20200614114030p:plain

　
これでGASの記述は完了です。

次にこのGASとLINE Messaging APIを接続する作業を行います。

GASとLINE Messaging APIを接続しよう

[ウェブアプリケーションとして導入]をクリックする

f:id:yukibnb:20200614114646p:plain

スクリプトエディタ上部のメニューから[公開] → [ウェブアプリケーションとして導入]の順にクリックしてください。

クリックするとポップアップ画面が表示されます。

ウェブアプリケーションを設定する

f:id:yukibnb:20200425155157p:plain

スプレッドシートの設定を日本語にしていても、このポップアップは英語で表示される場合があります。

以下の通り設定ください。

1. Project version:
[New]を選択してください。その下の入力ボックスは空白のままで大丈夫です。

2. Execute the app as:
[me (自分のメールアドレス)]を選択してください。　※日本語の場合[自分 (自分のメールアドレス)]

3. Who has access to the app:
[Anyone, even anonymous]を選択してください。　※日本語の場合[全員 (匿名ユーザーを含む)」

4. Deploy:
(1)～(3)を選択後にクリックしてください。

memo

(3)の[Who has access to the app]とは、このアプリケーションに誰がアクセスできるかを設定します。

今回のGASはLINE BOTとして公開するため[Anyone, even anonymous]を選択しますが、全く別のアプリケーションを公開する時はその使用目的に応じてこの箇所は調整してください。