创建共享按钮的最佳选择是什么？(反应)

Question

为了与用户创建共享交互，我看到了很多选择：

(https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share#browser_compatibility)

• Simple right?

• react-share:共享API：
• https://www.w3.org/TR/web-share/#sharedata-dictionary：https://www.w3.org/TR/web-share/#sharedata-dictionary似乎与进步网络应用程序兼容，但火狐网络共享软件并不很好地支持：https://reactjsexample.com/a-javascript-framework-to-share-url-to-social-media-sites-like-facebook-twitter-reddit-whastapp/，如果我理解得很好，它不适用于移动，我是否right？
• react-share：https://reactjsexample.com/social-media-share-buttons-and-share-counts-for-react/似乎在每个浏览器上都能工作，但我不知道它是否对PWA友好。似乎是最好的选择，但我不确定.上一次更新是在一年前(https://www.npmjs.com/package/react-share)，所以可能不会通过时间来维护.

你的应用程序用什么？你重新推荐了什么？你知道更好的选择吗？

我对该应用程序的需求是通过社交媒体或邮件/文本或?？共享URL。等等，理论上没有档案。当用户分享一些东西时，我希望能够在社交媒体上进行调整预览。

Answer 1

我个人使用了react share，它无法打开移动应用中的一些应用，比如whatsapp等等。

解决办法是深度链接__。

如果用户正在使用智能手机或平板电脑(我们可以很容易地使用navigator.userAgent)，那么您可以使用基于应用程序的深度链接，否则就可以用传统的方式将用户重定向到新的网页。其中一些例子：

https://faq.whatsapp.com/563219570998715/?locale=en_US

• Instagram：
• Whatsapp：here

已经给出了答案

注意到：如果用户也在桌面上安装了应用程序，那么深度链接就能工作(从没有尝试过macOS，但是对于windows和ubuntu，它可以工作)

编辑后：

您可以在编写emailto:时在href中使用<a .../>。示例：

​

<a href="emailto:youremail@domain.com?subject=sharing link\n&body=I am sharing a link: https://google.com">Share this link</a>

​

有关邮件的更多参考信息，请访问以下MDN文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href