【问题标题】:FB.UI does not show thumbnail when secure browsing is enabled启用安全浏览时 FB.UI 不显示缩略图
【发布时间】:2012-11-01 22:01:38
【问题描述】:

我正在使用 FB.UI api 允许用户在他们的墙上发帖,这里是代码:

FB.ui(
  {
    method: 'feed',
    name: name,
    link: linkPath, 
    picture: thumbnailPath,
    caption: iconName,
    description: 'Come check out my my awesome post'
  },
  function(response) {
    if (response && response.post_id) {

      alert('Post was published!');
    } else {
      alert('Post was not published!');
    }
  }
);

通常这可以正常工作,并且会弹出 Facebook 对话框,显示从“thumbnailPath”链接的图片,但是当我使用启用了安全浏览的测试帐户时,缩略图不会显示并且当它被张贴到墙上时是没有图片。我在 MAMP Pro 服务器上运行它,并使用 MAMP 的“生成自签名证书”功能创建了证书,因此它不是有效的证书。我想知道这是否是我的缩略图不会显示的原因。当我转到由变量“thumbnailPath”链接的路径时,它显示得很好。我已经在 Chrome、Safari 和 Firefox 中对此进行了测试,并且在所有浏览器中都得到了相同的行为。

我想知道我的无效证书是否可能是导致此问题的原因,还是没有意义?我一直无法在网上找到描述类似问题的任何其他链接,所以我不确定这是否与我的证书有关。

【问题讨论】:

  • 你能把你的网站 URL 发给我们吗?您还尝试过developers.facebook.com/tools/debug 的 facebook URL 调试器(旧的 url linter)吗?
  • @Whiteagle 该应用位于:apps.facebook.com/267332333367949,保存后会弹出对话框,该站点要求您拥有启用 webGL 的浏览器。我没有尝试过调试器。当我运行它时,我得到的唯一警告是图像尺寸至少为 200 像素。
  • 不幸的是,该应用程序有错误,我无法到达那里,我也无法访问该页面,可能是由于您的 ssl 证书(您也可能想在上线之前购买一个,不要不要忘记您还需要一个专用 IP 地址)。您是否尝试过使用 HTTPS 网址运行它?你能看到那里的共享图像吗?如果没有,您是否尝试打开 facebook 给您的图像,看看那里是否有任何错误?
  • 啊,是的,我忘记了 https 的那个问题。如果您直接转到scalablegamedesign.cs.colorado.edu,您应该能够接受该错误证书,然后您将不会收到该错误。当我使用我提供的 https 链接运行它时,我没有在对话框中获得图像,也没有在将其发布到墙上时看到它。不知道你的最后一行是什么意思。打开图片在哪里?感谢您查看我的问题
  • 这不是问题,查看应用页面,它有一个SQL错误。

标签: javascript facebook ssl https facebook-javascript-sdk


【解决方案1】:

如果您没有有效的证书,则 FB 不能/不会通过 https 抓取对象,包括图像等元数据。获取真正的证书,然后确保 FB 可以使用Debugger 抓取您的网址。

另外,如果这是一个全新的对象并且没有在该对象上发布任何内容,那么 FB 不知道它存在(并且不会显示缩略图)。您可以使用Debugger 或以编程方式使用 GET/curl 启动抢先抓取(请参阅“更新对象”,https://developers.facebook.com/docs/opengraph/objects/)。

在 apps.facebook.com (Canvas) 上发布应用程序时,您还需要有效的证书才能安全浏览。

如果您只是测试应用程序,那么您可以使用 App Dashboard 将您的应用程序置于沙盒模式,这将允许您、管理员、测试人员和您在角色部分中定义的其他人使用 Canvas 上的应用程序http(不需要安全浏览)。

【讨论】:

  • 遗憾的是我添加了一个有效的证书,但问题仍然存在。
【解决方案2】:

我通过简单地确保始终将缩略图与 http 地址而不是 https 地址链接来解决了这个问题,我这样做了,缩略图总是会出现。

【讨论】:

    猜你喜欢
    • 2011-01-19
    • 2019-07-11
    • 2014-09-10
    • 2011-05-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-19
    • 2019-04-16
    相关资源
    最近更新 更多