2017-06-19 23 views
0

我開始使用messenger bot並獲取上述錯誤。我有以下代碼:Messenger Bot:TypeError:無法讀取未定義的屬性「文本」

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

當我鍵入「買入」,機器人將與通用模板答覆,並按下按鈕「購買」時,機器人墜毀。我的錯誤日誌如下:

enter image description here

我已經搜查,發現像這樣類似的問題,但我從回傳,而不是短信發起相比,他們的。 How to avoid 'cannot read property of undefined' errors?

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

這裏有些幫助將是巨大的,謝謝。

回答

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

通過這些更改,您實際上傳遞了要在按鈕的有效內容內發送的消息,以便用戶在按下按鈕的任何時候,您的鱈魚e知道要發送什麼。

您還需要更改的代碼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) 
    } 
}); 
+0

您好@christos,感謝您的回覆。我試過你的解決方案,但它會拋出一個錯誤(#100)無效的數據。參考上面的錯誤日誌,似乎表明「無法讀取文本屬性」的錯誤發生在entry.messaging.forEach。這是否意味着「購買」按鈕不被識別爲消息? – Koh

+0

我編輯了我的回覆,在代碼中添加了另一個更改重要更改。 :) –

+0

我在代碼中也犯了一個小錯誤。複製粘貼代碼;) –

相關問題