You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何添加react-share的FacebookMessengerShareButton?应用ID存疑

解决react-share中FacebookMessengerShareButton的使用问题
  • 必须要有Facebook App ID:FacebookMessenger的分享接口强制要求绑定App ID,不管页面是否被其他用户分享,你都需要自己在Facebook开发者平台创建一个应用来获取这个ID,没有替代方案。
  • 创建并配置Facebook应用:
    1. 登录Facebook开发者平台,创建新应用,选择合适的应用类型(比如「消费者」或「网站」)。
    2. 在应用的「设置」-「基本信息」里,添加你要嵌入分享按钮的页面域名到「网站URL」或「平台」配置中,这是解决「Sorry, this content isn't available at the moment」报错的核心——Facebook会验证分享页面的域名是否在App的授权列表内,不匹配就会拒绝访问。
    3. 完成配置后,复制应用的App ID备用。
  • 正确的组件使用示例:
import { FacebookMessengerShareButton, FacebookMessengerIcon } from 'react-share';

// 在你的组件中
<FacebookMessengerShareButton
  url="https://你的页面完整地址"
  appId="你的Facebook App ID"
  title="自定义分享标题"
  description="自定义分享描述"
>
  <FacebookMessengerIcon size={32} round />
</FacebookMessengerShareButton>
  • 常见问题排查:
    • 若仍报内容不可用:检查App配置的域名是否和当前页面域名完全一致(包括HTTP/HTTPS),同时确保页面是公开可访问的,Facebook的爬虫能抓取到页面内容。
    • 测试阶段:如果应用还未正式上线,可以在「应用审核」中开启开发模式,添加测试用户,这样测试用户就能正常使用分享功能。

内容的提问来源于stack exchange,提问作者Simon Buryat

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 05:01:08