Le modèle générique image_url ne se charge pas dans Messenger - Facebook Messenger Platform

Question

J'utilise Facebook Messenger Platform pour créer un modèle générique. J'utilise actuellement ngrok pour tester localement, et l'image_url que j'ai entrée pour le modèle générique ne s'affiche jamais dans Messenger. Le modèle générique est envoyé et l'image est simplement vide. En utilisant Inspect, je peux voir que le CSS pour l'image est:

background-image: url("https://external.xx.fbcdn.net/safe_image.php?d=AQA1nM3pKJnllzq0&url=https%3A%2F%2Fdc3858ef.ngrok.io%2Fassets%2Fimages%2Fvideo_image.jpg&_nc_hash=AQAlBOE-vbT8cl-i"); 

Si j'ouvre cette URL, il est juste un écran noir avec un pixel blanc au milieu. Voici les données du message que j'utilise:

messageData = { 
       recipient: { 
       id: senderID 
       }, 
       message:{ 
       attachment:{ 
        type: "template", 
        payload: { 
        template_type: "generic", 
        elements: [ 
         { 
         title:"Test Video Link", 
         image_url: MY-NGROK_DOMAIN + "/assets/images/video_image.jpg", 
         subtitle: "Check out this video!", 
         default_action: { 
          type: "web_url", 
          url: "www.google.com" 
         } 
         } 
        ] 
        } 
       } 
       } 
      }; 

Ce image_url fonctionne très bien si je l'ouvre dans un navigateur. De même, si je crée des données de message de type 'image' plutôt que 'modèle', cette image est chargée dans Messenger.

Comment puis-je charger mon image_url correctement pour un modèle générique?

Answer 1

J'ai le même problème. Je et le problème apparaît lorsque le domaine de webhook est le même que l'URL de l'image. Si vous utilisez une image sur un serveur différent, cela fonctionne.