Messenger-Facebook Messenger平台中未加载通用模板图像\u url

Question

我正在使用Facebook Messenger平台创建一个通用模板。我目前正在使用ngrok进行本地测试，并且我为通用模板输入的图像url从未在Messenger中显示。通用模板被发送，图像只是空白。使用Inspect，我可以看到图像的CSS是：

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

如果我打开这个URL，它只是一个中间有一个白色像素的黑色屏幕。以下是我使用的消息数据：

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

如果我在浏览器中打开此图像，它的url工作正常。类似地，如果我创建了“映像”类型的消息数据而不是“模板”，则此映像将加载到Messenger中。

如何让我的图像url为通用模板正确加载？

Answer 1

我也有同样的问题。我已经将我的本地web应用程序放在ngrok后面。直接在浏览器中请求图像效果很好，但当通过Facebook的safe_image.php脚本加载图像时，会显示一个空白图像。经过大量调试，最终证明是隧道服务本身。我切换到另一个服务（localtunnel），在那里它工作得很好。

更多关于这个问题的信息也可以在FB上找到：

https://developers.facebook.com/support/bugs/2151860088174161/

最新消息

就此联系了ngrok，并得到了快速回复，这是由于脸谱网阻止了ngrok的脚本。

Answer 2

我也有同样的问题。当webhook域与图像url相同时，就会出现问题。如果您在不同的服务器上使用映像，它将正常工作。