javascript - 启用安全浏览后，FB.UI 不显示缩略图

Question

我正在使用 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 中对此进行了测试，并且我在所有浏览器中都得到了相同的行为。

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

Answer 1

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

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

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

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