通用模板 image_url 未在 Messenger 中加载 - Facebook Messenger 平台答案

【问题标题】：Generic template image_url does not load in Messenger - Facebook Messenger Platform通用模板 image_url 未在 Messenger 中加载 - Facebook Messenger 平台
【发布时间】：2018-03-05 00:21:23
【问题描述】：

我正在使用 Facebook Messenger 平台创建通用模板。我目前正在使用 ngrok 在本地进行测试，而我为通用模板输入的 image_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");

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

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

如果我在浏览器中打开它，这个 image_url 可以正常工作。同样，如果我创建一个“图像”类型的消息数据而不是“模板”，则此图像将加载到 Messenger 中。

如何让我的 image_url 为通用模板正确加载？

【问题讨论】：

我遇到了完全相同的问题。来自非 ngrok 域的完全相同的图像显示。

标签： facebook templates messenger ngrok

【解决方案1】：

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

【讨论】：

谢谢！这正是正在发生的事情
确保您在节点回复中发送结尾。这似乎已经为我解决了。
@LeonLahoud “结束”是什么意思？
@userwithquestions 当您开始提供来自不同域的图像时，您是否也使用了 ngrok？
遇到同样的问题，使用 Java Web 应用程序提供图像。在浏览器中，图像加载正常，当通过 safe_image.php 请求时，我得到一个空白图像。

【解决方案2】：

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

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

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

更新

联系了 ngrok 并得到了快速回复，这是由于 Facebook 阻止了 ngrok 执行此脚本。

【讨论】：