iframe内嵌Facebook Send Dialog调用异常问题咨询

问题成因 #

1. 报错102是Facebook iframe类Dialog的默认安全规则：弹窗模式下Send Dialog走的是Facebook自身的用户登录态校验，不需要额外传会话凭证；但iframe模式是嵌入在第三方站点内，必须校验当前用户和应用绑定的有效会话，不能直接裸链调用。
2. 补充access_token后仍提示内容不可见，是两个常见问题导致：
   • 你使用的是OAuth接口获取的服务端access_token，这类token仅用于Graph API调用，不能作为iframe Dialog的会话凭证
   • 你的应用后台域名白名单配置不全，iframe模式会严格校验当前嵌入站点的域名、redirect_uri域名是否都在应用配置的白名单范围内，任意一个缺失都会触发权限拦截
3. 从Graph API v8.0开始，iframe模式的Send Dialog要求应用必须已经申请并启用public_profile基础权限，哪怕是开发模式下的测试用户，也需要该权限才能正常访问。

解决方案 #

• 优先使用官方Facebook JS SDK触发iframe模式的Send Dialog，SDK会自动处理会话校验、参数签名等逻辑，不需要手动拼接请求链接：

// 提前完成FB.init初始化、FB.login用户登录流程
FB.ui({
  method: 'send',
  link: 'https://example.com/image.jpg',
  redirect_uri: 'https://www.example.com/callback'
}, function(response) {
  // 处理发送结果回调
});

• 若必须手动拼接iframe请求链接，不要传递服务端获取的access_token，而是解析当前用户浏览器中fbsr_[你的应用ID]的cookie值，提取出签名后作为会话凭证传入请求。
• 逐一检查Facebook应用后台的配置项，确保全部符合要求：
  • 「设置」-「基本」页面的「域」字段，已经添加你嵌入iframe的站点域名
  • 「产品」-「Facebook登录」-「设置」页面的「有效的OAuth重定向URI」，已经添加你使用的redirect_uri完整路径
  • 开发模式下，当前访问的Facebook账号必须已经加入应用的「测试用户」或「开发/管理人员」名单

内容的提问来源于stack exchange，提问作者Mike Luken