Zenn
🌽

【curl】シンプルなLINEリッチメニュの作成

2023/03/21に公開
LINE
curl
linerichmenu
tech


公式のサンプル通りに、超シンプルなリッチメニュを作成。
LINE Developers＞Home＞ドキュメント＞Messaging API＞リッチメニューを使う

0.LINE Developersの登録

※登録方法の詳細は割愛(検索するとたくさん出てくるので、そちらを各自参照)

LINE Developers に記載があるアクセストークンを主に使用

※以下サンプルコードの{access_token}箇所には、上記のアクセストークンが入るものとする。

1.リッチメニュ作成

curl -v https://api.line.me/v2/bot/richmenu \
-H 'Authorization: Bearer {access_token}' \
-H 'Content-Type: application/json' \
-d \
'{
  "size":{
      "width":2500,
      "height":1686
  },
  "selected": false,
  "name": "LINE Developers Info",
  "chatBarText": "Tap to open",
  "areas": [
      {
          "bounds": {
              "x": 34,
              "y": 24,
              "width": 169,
              "height": 193
          },
          "action": {
              "type": "uri",
              "uri": "https://developers.line.biz/en/news/"
          }
      },
      {
          "bounds": {
              "x": 229,
              "y": 24,
              "width": 207,
              "height": 193
          },
          "action": {
              "type": "uri",
              "uri": "https://www.line-community.me/ja/"
          }
      },
      {
          "bounds": {
              "x": 461,
              "y": 24,
              "width": 173,
              "height": 193
          },
          "action": {
              "type": "uri",
              "uri": "https://engineering.linecorp.com/en/blog/"
          }
      }
  ]
}'

2.リッチメニュの画像をアップロード

// 上記のリッチメニュ作成時に生成されたリッチメニュID{richmenu_id}をurlに指定
curl -v -X POST https://api-data.line.me/v2/bot/richmenu/{richmenu_id}/content \
-H "Authorization: Bearer {access_token}" \
-H "Content-Type: image/png" \
-T {画像パス}

3.デフォルトのリッチメニューを設定

curl -v -X POST https://api.line.me/v2/bot/user/all/richmenu/{richmenu_id} \
-H "Authorization: Bearer {access_token}"

応用

curlで作成したリッチメニュを、AWS Lambdaで作成してみる。

↓coming soon...
【Flutter / Lambda】LINEリッチメニュ作成

備考

GitHubで編集を提案

Discussion