Messenger Bot：TypeError：无法读取未定义的属性“文本”

Question

我开始使用 Messenger 机器人并遇到上述错误。我有以下代码：

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 的回发调用中没有属性“消息”。

对于回发，您必须访问“有效负载”属性以获取与回发调用关联的数据（在您的情况下是按下按钮的有效负载），而不是访问“消息”属性。

为此，我将首先在按钮的有效负载中添加一些内容，如下所示：

"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)
  }
});