Facebook Messenger - Ungültiger Schlüsseltyp, Nutzlast

Question

Ich habe Probleme mit dem Erstellen einer App für Facebook Messenger. Wenn ich versuche, eine "Generic Template" -Antwort mit Schaltflächen an Facebook Messenger zu senden, erhalte ich den folgenden Fehler.

{"error":{"message":"(#100) Invalid keys \"type, payload\" were found in param \"name_placeholder[elements][buttons]\".","type":"OAuthException","code":100,"fbtrace_id":""}} 

Der logischste Fehler ist, dass ich Facebook die falschen Schlüssel gab. Also habe ich meine Eingabe mit der Facebook docs verglichen. Leider kann ich die Ursache nicht finden.

Verfügbare logs/Daten

Daten i an Facebook senden:

{"recipient":{"id":"REMOVED_ID"},"message":{"attachment":{"type":"template","payload":{"template_type":"generic","elements":{"0":{"title":"title","image_url":"https://i.ytimg.com/vi/JIciUWPzTxM/hqdefault.jpg","subtitle":"body text","default_action":{"type":"web_url","url":"https://www.google.nl/"}},"buttons":"{\"type\":\"postback\",\"title\":\"Bookmark Item\",\"payload\":\"DEVELOPER_DEFINED_PAYLOAD\"}"}}}}} 

More information

Daten i von Facebook erhalten:

{"error":{"message":"(#100) Invalid keys \"type, payload\" were found in param \"name_placeholder[elements][buttons]\".","type":"OAuthException","code":100,"fbtrace_id":""}} 

Vorschläge bitte?

Answer 1

In Nutzlast, elements und buttonsMUST ein Array Typ sein, aber Sie als Objekttypen für beide senden:

Hier Ihr:

{ 
    "recipient": { 
    "id": "REMOVED_ID" 
    }, 
    "message": { 
    "attachment": { 
     "type": "template", 
     "payload": { 
     "template_type": "generic", 
     "elements": { 
      "0": { 
      "title": "title", 
      "image_url": "https:\/\/i.ytimg.com\/vi\/JIciUWPzTxM\/hqdefault.jpg", 
      "subtitle": "body text", 
      "default_action": { 
       "type": "web_url", 
       "url": "https:\/\/www.google.nl\/" 
      } 
      }, 
      "buttons": "{\"type\":\"postback\",\"title\":\"Bookmark Item\",\"payload\":\"DEVELOPER_DEFINED_PAYLOAD\"}" 
     } 
     } 
    } 
    } 
} 

Die richtige sollte wie sein:

{ 
    "recipient": { 
    "id": "REMOVED_ID" 
    }, 
    "message": { 
    "attachment": { 
     "type": "template", 
     "payload": { 
     "template_type": "generic", 
     "elements": [ 
      { 
      "title": "title", 
      "image_url": "https:\/\/i.ytimg.com\/vi\/JIciUWPzTxM\/hqdefault.jpg", 
      "subtitle": "body text", 
      "default_action": { 
       "type": "web_url", 
       "url": "https:\/\/www.google.nl\/" 
      } 
      }, 
      "buttons": [{"type":"postback","title":"Bookmark Item","payload":"DEVELOPER_DEFINED_PAYLOAD"}] 
     ] 
     } 
    } 
    } 
} 

Arbeits Beispiel:

curl -X POST -H "Content-Type: application/json" -d '{ 
    "recipient":{ 
    "id":"USER_ID" 
    }, 
    "message":{ 
    "attachment":{ 
     "type":"template", 
     "payload":{ 
     "template_type":"generic", 
     "elements":[ 
      { 
      "title":"Welcome to Peter\'s Hats", 
      "image_url":"https://petersfancybrownhats.com/company_image.png", 
      "subtitle":"We\'ve got the right hat for everyone.", 
      "default_action": { 
       "type": "web_url", 
       "url": "https://peterssendreceiveapp.ngrok.io/view?item=103", 
       "messenger_extensions": true, 
       "webview_height_ratio": "tall", 
       "fallback_url": "https://peterssendreceiveapp.ngrok.io/" 
      }, 
      "buttons":[ 
       { 
       "type":"web_url", 
       "url":"https://petersfancybrownhats.com", 
       "title":"View Website" 
       },{ 
       "type":"postback", 
       "title":"Start Chatting", 
       "payload":"DEVELOPER_DEFINED_PAYLOAD" 
       }    
      ]  
      } 
     ] 
     } 
    } 
    } 
}' "https://graph.facebook.com/v2.6/me/messages?access_token=PAGE_ACCESS_TOKEN"