【LIFF】入力された内容をトークルームに送信するLIFFアプリを作る

入力された内容をトークルームに送信する LIFF アプリを作ろう

1
<!DOCTYPE html>
2
<html lang="ja">
3
  <head>
4
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
5
    <title>フォーム</title>
6
    <meta charset="utf-8" />
7
    <link
8
      href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"
9
      rel="stylesheet"
10
    />
11
  </head>
12

13
  <body>
14
    <input type="text" id="textbox" />
15
    <button id="sendmessagebutton">送信</button>
16

17
    <script
18
      charset="utf-8"
19
      src="https://static.line-scdn.net/liff/edge/2.1/sdk.js"
20
    ></script>
21
    <script>
22
      liff
23
        .init({
24
          liffId: 'LIFFアプリのID',
25
        })
26
        .then(async () => {
27
          document
28
            .getElementById('sendmessagebutton')
29
            .addEventListener('click', function () {
30
              const sendText = document.getElementById('textbox').value
31
              liff
32
                .sendMessages([
33
                  {
34
                    type: 'text',
35
                    text: sendText,
36
                  },
37
                ])
38
                .then(function () {
39
                  liff.closeWindow()
40
                })
41
                .catch(function (error) {
42
                  window.alert('メッセージの送信に失敗しました。')
43
                })
44
            })
45
        })
46
    </script>
47
  </body>
48
</html>