javascript - 信使机器人 : TypeError: Cannot read property 'text' of undefined

Question

我正在开始使用消息机器人并收到上述错误。我有以下代码:

app.post('/webhook', (req, res) => {
  console.log(req.body);
  if (req.body.object === 'page') {
    req.body.entry.forEach((entry) => {
      entry.messaging.forEach((event) => {
        if (event.message.text === 'buy') {
          sendGenericMessage(event)
        } else if (event.postback) {
          processPostback(event)}
      });
    });
    res.status(200).end();
  }
});

function sendGenericMessage(event) {
  const senderID = event.sender.id;

  var messageData = {
    "attachment":{
      "type":"template",
      "payload":{
        "template_type":"generic",
        "elements":[
           {
            ...
            "buttons":[
              {
                "type":"postback",
                "title":"Purchase",
                "payload":"PURCHASE_PAYLOAD"
              },{
                "type":"postback",
                "title":"Start Chatting",
                "payload":"DEVELOPER_DEFINED_PAYLOAD"
              }
            ]
          }, {
           "title":"Welcome to Peter\'s Hats",
           "image_url":"https://static.pexels.com/photos/177809/pexels-photo-177809.jpeg",
           "subtitle":"We\'ve got the right hat for everyone.",
           "buttons":[
             {
               ...
             }
           ]
         }
        ]
      }
    }
  }

  request({
    url: 'https://graph.facebook.com/v2.6/me/messages',
    qs: {access_token: process.env.PAGE_ACCESS_TOKEN},
    method: 'POST',
    json: {
      recipient: {id: senderID},
      message: messageData
    }
  }, function (error, response) {
    if (error) {
        console.log('Error sending message: ', error);
    } else if (response.body.error) {
        console.log('Error: ', response.body.error);
    }
  });
}

function processPostback(event) {
  const senderID = event.sender.id;
  const payload = event.postback.payload;

 if (payload === "PURCHASE_PAYLOAD") {
    var message = event.message.text + " payment"
    sendMessage(event, message)
  }
}

当我输入“购买”时，机器人将回复通用模板，当按下“购买”按钮时，机器人崩溃。我的错误日志如下:

我搜索并发现了类似的问题，但与他们的相比，我的问题源于回发而不是短信。 How to avoid 'cannot read property of undefined' errors?

I'm having "TypeError: Cannot read property 'text' of undefined" while developing Facebook Messenger bot

如果能提供一些帮助就太好了，谢谢。

Answer 1

正如 Webhook Reference for Messenger Platform 中提到的那样，您的 webhook 的回发调用中没有属性“消息”。

对于回发，您必须访问“payload”属性来获取与回发调用关联的数据(在您的情况下为按下按钮的有效负载)，而不是访问“message”属性。

为了实现此目的，我首先要在按下的按钮的有效负载内添加一些内容，如下所示:

"buttons":
  [
    {
      "type":"postback",
      "title":"Purchase",
      "payload": "{"type": "PURCHASE_PAYLOAD", "message": "WHATEVER YOU WANT"}"
    },
    {
      "type":"postback",
      "title":"Start Chatting",
      "payload":"DEVELOPER_DEFINED_PAYLOAD"
    }
  ]

然后我用这种方式重写代码的processPostback函数:

function processPostback(event) {
  const senderID = event.sender.id;
  const payload = JSON.parse(event.postback.payload);

  if (payload.type === "PURCHASE_PAYLOAD") {
    var message = payload.message + " payment"
    sendMessage(event, message)
  }
}

通过这些更改，您实际上可以在按下的按钮的有效负载内传递您想要发送的消息，这样每当用户按下按钮时，您的代码就知道要发送的内容。

您还需要更改 entry.messaging.forEach 中的代码。因为您的代码尝试访问 event.message 属性，该属性在回发的情况下不存在(未定义)，因此当您尝试访问 event.message (event.message.text) 的子属性时，代码将退出有错误。因此，为了缓解这种情况，您可以每次检查 .message 属性是否已定义，如下所示:

entry.messaging.forEach((event) => {
  if (event.message) {
    if (event.message.text === 'buy') {
      sendGenericMessage(event)
    }
  } else if (event.postback) {
    processPostback(event)
  }
});