LoginSignup
9
5

LINEbotでローディングのアニメーションを表示

Last updated at Posted at 2024-04-17

2024年4月17日にLINEのローディングアニメーションのAPIが公開されました!!

返答が来るまで指定の時間下記のような、【入力してますよ】という表現のアニメーションが表示できます。
image.png

下記のそれを利用したオウム返しbotを作ってみました。
文字を送ってから、その間アニメーションが表示されて、5秒後に送ったテキストと同じものがかえってきます。
ぜひお試しください!
image.png

裏で動いておりますGASのスプレッドシートです。

ローディングのアニメーションの部分は下記になります。

main.gas

function loadinganimation(userID) {

  var options = {
  "method": "post",
  "headers": {
  "Content-Type": "application/json",
  "Authorization": "Bearer " + CHANNEL_ACCESS_TOKEN,
  },
  "payload": JSON.stringify({ // payloadをJSON文字列に変換
    "chatId": userID,
    "loadingSeconds": 60 //60秒表示
  }),
  };
 UrlFetchApp.fetch("https://api.line.me/v2/bot/chat/loading/start", options);
}

POSTしてからトーク画面が開いているときにアニメーションが表示されるものとなっております。
ですのでPOSTしたときにトーク画面が開いていないと、アニメーションは表示されません。

GASは返答が少し遅いので相性がいいAPIだと思います。

これがあるだけでユーザーのストレスは減ると思いますので是非ご利用ください!!

9
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
5