来自 webapp 的 Facebook Share Dialog 深度链接答案

【问题标题】：Facebook Share Dialog deep linking from webapp来自 webapp 的 Facebook Share Dialog 深度链接
【发布时间】：2017-09-15 23:40:44
【问题描述】：

我成功地在我的 web 应用程序上使用 Facebook 分享方法，就像使用 FB JS SDK 一样。

FB.ui({
   method: 'share',
   href: 'https://myapp.com',
})

但是，如果用户使用移动设备访问我的 web 应用程序，即使他们在设备上安装了主要的 facebook 应用程序，他们也需要通过浏览器登录到 facebook。如果可用，是否可以使用本机 facebook 应用程序启动共享对话框，如果不能在浏览器中回退到 facebook 共享。

【问题讨论】：

【解决方案1】：

Facebook 有 url schemes 过去曾在 iOS 上工作过；我没有要测试的设备，但我怀疑其中一些可能仍然有效。

Similar schemes 存在于 Android 上，就像在 iOS 上一样，它们似乎有时会被禁用并被其他技巧/技术取代。

在 Javascript 中，您可以check the OS name。我会检查 Android 或 iOS，然后尝试为您找到的任何一个触发 url 方案。

【讨论】：

【解决方案2】：

除了上面的答案， chrome 61 以后可以使用共享 api。这将与 android 意图相同，所有可能的用户安装的本机应用程序都显示在托盘中，包括 facebook。

navigator.share({
 title,
 url,
})

【讨论】：