如何添加react-share的FacebookMessengerShareButton?应用ID存疑
- 必须要有Facebook App ID:FacebookMessenger的分享接口强制要求绑定App ID,不管页面是否被其他用户分享,你都需要自己在Facebook开发者平台创建一个应用来获取这个ID,没有替代方案。
- 创建并配置Facebook应用:
- 登录Facebook开发者平台,创建新应用,选择合适的应用类型(比如「消费者」或「网站」)。
- 在应用的「设置」-「基本信息」里,添加你要嵌入分享按钮的页面域名到「网站URL」或「平台」配置中,这是解决「Sorry, this content isn't available at the moment」报错的核心——Facebook会验证分享页面的域名是否在App的授权列表内,不匹配就会拒绝访问。
- 完成配置后,复制应用的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
相关产品推荐
相关产品推荐

