Google Apps ScriptでLINEに通知を送る 🌴 officeの杜

現在、日本で主流となっているメッセージサービスは、LINEでしょう。Facebook MessangerやらHangoutやらいろいろありますが、メジャーとは言えない・・・世界では、SkypeやTeams、Whatsappなどいろいろあるのですが、それぞれの世界で活躍しています。ITの世界だとChatworkやSlackなんてのもありますね。

そんなLINEに例えばGASで作った申請フォームに投稿があったらグループトークに通知を送ってほしいなんて要望があります。すばやく誰かが補足して作業できるようにする為です。LINE Notify APIを利用するのですが、非常に簡単に装備できますよ。

1 今回使用するファイルとサービス
2 事前準備
3 ソースコード
- 3.1 GAS側コード
- 3.2 HTML側コード
4 実行と結果

今回使用するファイルとサービス

事前準備

今回準備するのは、Access Tokenのみ。以下の手順で取得します。

Line Notifyにログインします。
右上の自分の名前をクリックして、マイページを開きます。
投稿するグループトークを選択します。
下の方にある「トークンを発行する」をクリックします。
アクセストークンが表示されるので、コピーして控えておく。このときの１回のみ表示されます。
対象のグループトーク内に、Line Notifyを招待しておきます。これがないと通知が届きません。

図：ここでトークンを手に入れます。

図：送り込むトークルームを選択しましょう。

ソースコード

GAS側コード

var endpoint = "https://notify-api.line.me/api/notify";
function onOpen() {
var ui = SpreadsheetApp.getUi();
ui.createMenu('▶作業用')
.addItem('通知の送信', 'entrynotify')
.addSeparator()
.addItem('トークンセット', 'tokenset')
.addToUi();
}
//エントリー用のダイアログ生成
function entrynotify(){
var html = HtmlService.createHtmlOutputFromFile('notify.html')
.setWidth(600).setHeight(300);
SpreadsheetApp.getUi().showModalDialog(html, '通知の投稿');
}
//LINEに通知を送る
function linenotify(message){
//UIを取得
var ui = SpreadsheetApp.getUi();
//Access Tokenを取得する
var prop = PropertiesService.getScriptProperties();
var token = prop.getProperty("token");
//tokenチェック
if(token == "" || token == "undefined"){
ui.alert("Tokenがセットされていないですよ。");
return;
}
//送信オプション組み立て
var options =
{
"method"  : "post",
"payload" : "message=" + message,
"headers" : {"Authorization" : "Bearer "+ token}
};
//通知を送る
UrlFetchApp.fetch(endpoint,options);
//通知内容をスプレッドシートに記述する
var ss = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("message");
var array = [new Date(),message];
ss.appendRow(array);
//終了メッセージ
ui.alert("送信完了！！");
}
//緊急購入時CC設定
function tokenset(){
//UIを取得
var ui = SpreadsheetApp.getUi();
//プロパティを取得
var prop = PropertiesService.getScriptProperties();
//問い合わせ
var re = ui.prompt("Line Notifyのアクセストークンを入れてください。。",ui.ButtonSet.OK_CANCEL);
switch(re.getSelectedButton()){
case ui.Button.OK:
var str = re.getResponseText();
prop.setProperty("token", str);
ui.alert(str + "で設定されました。");
break;
case ui.Button.CANCEL:
ui.alert("設定はキャンセルされました。");
break;
case ui.Button.CLOSE:
break;
}
}

var endpoint = "https://notify-api.line.me/api/notify";

function onOpen() {

var ui = SpreadsheetApp.getUi();

ui.createMenu('▶作業用')

.addItem('通知の送信', 'entrynotify')

.addSeparator()

.addItem('トークンセット', 'tokenset')

.addToUi();

}

//エントリー用のダイアログ生成

function entrynotify(){

var html = HtmlService.createHtmlOutputFromFile('notify.html')

.setWidth(600).setHeight(300);

SpreadsheetApp.getUi().showModalDialog(html, '通知の投稿');

}

//LINEに通知を送る

function linenotify(message){

//UIを取得

var ui = SpreadsheetApp.getUi();

//Access Tokenを取得する

var prop = PropertiesService.getScriptProperties();

var token = prop.getProperty("token");

//tokenチェック

if(token == "" || token == "undefined"){

ui.alert("Tokenがセットされていないですよ。");

return;

}

//送信オプション組み立て

var options =

{

"method" : "post",

"payload" : "message=" + message,

"headers" : {"Authorization" : "Bearer "+ token}

};

//通知を送る

UrlFetchApp.fetch(endpoint,options);

//通知内容をスプレッドシートに記述する

var ss = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("message");

var array = [new Date(),message];

ss.appendRow(array);

//終了メッセージ

ui.alert("送信完了！！");

}

//緊急購入時CC設定

function tokenset(){

//UIを取得

var ui = SpreadsheetApp.getUi();

//プロパティを取得

var prop = PropertiesService.getScriptProperties();

//問い合わせ

var re = ui.prompt("Line Notifyのアクセストークンを入れてください。。",ui.ButtonSet.OK_CANCEL);

switch(re.getSelectedButton()){

case ui.Button.OK:

var str = re.getResponseText();

prop.setProperty("token", str);

ui.alert(str + "で設定されました。");

break;

case ui.Button.CANCEL:

ui.alert("設定はキャンセルされました。");

break;

case ui.Button.CLOSE:

break;

}

今回はアクセストークンをスクリプトプロパティに格納するコードになっていますので、コードの中に直書きしていません。
linenotify関数が本体。メッセージを受け取ったら、通知を送り込むシンプル仕様。
通知を送り込むエンドポイントURLは、https://notify-api.line.me/api/notifyとなっています。

HTML側コード

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<style>
TEXTAREA{
width:95%;
height:200px;
}
</style>
<script>
//GAS側にチャット情報を送り込むルーチン
function disp(){
//内容を取得する
var message = document.getElementById("wasabi").value;
//GAS側へ送り込む
google.script.run.linenotify(message);
//プログレス表示
document.getElementById("kinokoman").style.display = "none";
document.getElementById("sendprogress").style.display = "block";
}
</script>
<div width="95%" id='kurukuru'>
<div style='padding:3px 10px;border-color:#0B0099;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;'>😺メッセージ</div><p>
<TEXTAREA class='wasabi' placeholder='チャット内容をここに記録します。' id='wasabi'></TEXTAREA><p>
<p>
<div align='center' id='kinokoman' style="display:block;">
<hr><button class='action' onClick='disp();'>チャット送信</button>
</div>
<div id="sendprogress" style="display:none;"　align='center'>
<span id="progress">送信中・・・<img border='0' src='https://eye4brain.sakura.ne.jp/wp/library/icons/spinner.gif' width='32' height='32'></span>
</div>
</div>

<style>

TEXTAREA{

width:95%;

height:200px;

}

</style>

//GAS側にチャット情報を送り込むルーチン

function disp(){

//内容を取得する

var message = document.getElementById("wasabi").value;

//GAS側へ送り込む

google.script.run.linenotify(message);

//プログレス表示

document.getElementById("kinokoman").style.display = "none";

document.getElementById("sendprogress").style.display = "block";

}

</script>

<div style='padding:3px 10px;border-color:#0B0099;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;'>😺メッセージ</div><p>

<p>

<hr><button class='action' onClick='disp();'>チャット送信</button>

</div>

</div>

チャット送信をクリックすると、GAS側のlinenotify関数に送り込むだけのダイアログです。

実行と結果

今回のスプレッドシートでは、Access Tokenはスクリプトプロパティに格納し、そこから呼び出して使っています。まずは以下の手順で控えておいたトークンを登録し、通知用ダイアログからメッセージを送ります。

メニューより「作業用」⇒「トークンセット」を開く
アクセストークンを入力して閉じる。
次に通知の送信を開く
メッセージを入れて、送るとLINE Notify経由でグループに通知が送り込まれる。

図：通知が無事に送り込まれました。

共有してみる：

投稿タグ: LINE, Web API, 通知

MENU

Google Apps ScriptでLINEに通知を送る

今回使用するファイルとサービス

事前準備

ソースコード

GAS側コード

HTML側コード

実行と結果

関連記事

最近の投稿

人気の投稿とページ

おすすめ