LINE MESSAGING APIを用いてのリッチメニューの画像の実装で”Error: invalid data type for binary data”エラーが出る

Question

実現したいこと

LINE MESSAGING APIを用いてのリッチメニューの実装

前提

Node.jsを用いてLINEBOTを作成しています。
リッチメニューをMessagingAPIから作成して、それをタップすると公式アカウントからuserId入りリンクが送信される機能を作成したいです。
該当コード部分には、何が原因になっているかはわからないため、念のためLINE Messaging APIに関連するコードをすべて記述します。

発生している問題・エラーメッセージ

setRichMenuImageでエラーが発生していると思われます。

2023-06-16T08:44:34.659043+00:00 app[web.1]: There was an error in creating the rich menu: Error: invalid data type for binary data
2023-06-16T08:44:34.659044+00:00 app[web.1]: at HTTPClient.toBuffer (/app/node_modules/@line/bot-sdk/dist/http.js:70:19)
2023-06-16T08:44:34.659045+00:00 app[web.1]: at HTTPClient.postBinary (/app/node_modules/@line/bot-sdk/dist/http.js:74:35)
2023-06-16T08:44:34.659045+00:00 app[web.1]: at Client.setRichMenuImage (/app/node_modules/@line/bot-sdk/dist/client.js:203:26)
2023-06-16T08:44:34.659046+00:00 app[web.1]: at /app/server.js:123:26
2023-06-16T08:44:34.659046+00:00 app[web.1]: at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

node.js

//webhookの設定
app.post('/webhook_scool', line.middleware(config_scool), (req, res) => {
  console.log("After line.middleware for school: ", req.body);
  Promise
    .all(req.body.events.map(handleEvent_scool))
    .then((result) => res.json(result))
    .catch((err) => {
      console.error(err);
      res.status(500).end();
    });
});

//リッチメニューの設定
let richMenuId;

const richMenu = {
  size: {
    width: 2500,
    height: 843
  },
  selected: false,
  name: 'Menu',
  chatBarText: 'Menu',
  areas: [
    {
      bounds: {
        x: 0,
        y: 0,
        width: 833,
        height: 843
      },
      action: {
        type: 'postback',
        data: 'action=goto_forum'
      }
    }
  ]
};

//リッチメニューを作成。画像もともに。

client_school.createRichMenu(richMenu)
  .then((id) => {
    console.log('Rich menu was created with id:', id);
    richMenuId = id;
    return downloadImage('image-url.jpg');
  })
  .then((buffer) => {
    return client_school.setRichMenuImage(richMenuId, 'image/jpeg', buffer);
  })
  .then(() => {
    console.log('Image has been set to the rich menu');
  })
  .catch((err) => {
    console.error('There was an error in creating the rich menu:', err);
  });

//画像ダウンロード処理
//エラー該当コード部分

  function downloadImage(url) {
    return new Promise((resolve, reject) => {
      https.get(url, (res) => {
        const data = [];
        res.on('data', (chunk) => data.push(chunk));
        res.on('end', () => {
          const buffer = Buffer.concat(data);
          console.log('Downloaded image data:', buffer);
          resolve(buffer);
        });
      }).on('error', reject);
    });
  }

//webhookに来たeventをもとに、メッセージ送信などを行う。
//友達追加時にメッセージ送信、リッチメニューからのpostback通信の際にメッセージ送信を行っている。

async function handleEvent_scool(event) {
  if (!richMenuId) {
    console.error('Rich menu ID has not been set');
    return Promise.resolve(null);
  }
  if (event.type === 'follow') {
    const userId = event.source.userId;
    const forumUrl = `my-app-link/forum?userId=${userId}`;
  
    client_school.linkRichMenuToUser(userId, richMenuId)
      .then(() => {
        console.log(`Successfully linked rich menu to user ${userId}`);
      })
      .catch((err) => {
        console.error(err);
      });

    return client_school.replyMessage(event.replyToken, {
      "type": "template",
      "altText": "スマートフォンでのみ確認可能なメッセージです。",
      "template": {
        "type": "buttons",
        "text": "友達追加ありがとうございます！\n\n下の「開く」ボタンを押してフォーラムを開き、必要事項をご入力ください。",
        "actions": [
          {
            "type": "uri",
            "label": "開く",
            "uri": forumUrl
          }
        ]
      }
    });
  
    } else if (event.type === 'postback' && event.postback.data === 'action=goto_forum') {
      const userId = event.source.userId;
      const url = `my-app-link/forum_active?userId=${userId}`;
  
      const message = {
        type: 'text',
        text: `フォーラムへ: ${url}`
      };
  
      return client_school.replyMessage(event.replyToken, message);
    }
    
    return Promise.resolve(null);
  }

試したこと

画像の変更。
画像の形式の変更(jpg→png)

ダウンロードされた画像データの出力。以下出力内容

2023-06-16T08:44:33.851477+00:00 app[web.1]: Rich menu was created with id: richmenu-id
2023-06-16T08:44:34.657013+00:00 app[web.1]: Downloaded image data: <Buffer ff d8 ff db 00 84 00 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 01 ... 36514 more bytes>

補足情報

以下package.jsonの内容

"@line/bot-sdk": "^7.5.2",
"axios": "^1.4.0",
"bcrypt": "^5.1.0",
"body-parser": "^1.20.2",
"cheerio": "^1.0.0-rc.12",
"connect-flash": "^0.1.1",
"ejs": "^3.1.5",
"errorhandler": "^1.5.1",
"express": "^4.17.2",
"express-session": "^1.17.3",
"koa": "^2.13.4",
"mysql": "^2.18.1",
"node-fetch": "^3.3.1",
"nodemon": "^2.0.15"

Answer 1

リッチメニューをOfficial Accout Managerから作成することで解決しました。
リッチメニューのアクションをテキストにすることで、ユーザーからメッセージを送信させることができるようです。
それを踏まえた修正コードです。

async function handleEvent_scool(event) {
  const userId = event.source.userId;

  if (event.type === 'follow') {
    const forumUrl = `my-app-url/forum?userId=${userId}`;
  
    return client_school.replyMessage(event.replyToken, {
      "type": "template",
      "altText": "スマートフォンでのみ確認可能なメッセージです。",
      "template": {
        "type": "buttons",
        "text": "友達追加ありがとうございます！\n\n下の「開く」ボタンを押してフォーラムを開き、必要事項をご入力ください。",
        "actions": [
          {
            "type": "uri",
            "label": "開く",
            "uri": forumUrl
          }
        ]
      }
    });
  } else if (event.type === 'message' && event.message.type === 'text' && event.message.text === '練習ログ登録をする。') {
    const forumActiveUrl = `my-app-url/forum2?userId=${userId}`;

    return client_school.replyMessage(event.replyToken, {
      "type": "template",
      "altText": "スマートフォンでのみ確認可能なメッセージです。",
      "template": {
        "type": "buttons",
        "text": "以下のリンクから活動報告フォームを開いてください",
        "actions": [
          {
            "type": "uri",
            "label": "開く",
            "uri": forumActiveUrl
          }
        ]
      }
    });
  }

  return Promise.resolve(null);
}