关于 React JS 移动应用程序的分享

Question

我正在尝试让我的应用程序允许共享到其他应用程序，但我似乎无法弄清楚。

我正在使用 React JS 并尝试使用以下代码

        // Check if navigator.share is supported by the browser
        if (navigator.share) {
            console.log("Congrats! Your browser supports Web Share API");
            navigator
                .share({
                    url: "https://www.google.com",
                    text: "add text",
                    title: "Your Discovery",
                })
                .then(() => {
                    console.log("Sharing successfull");
                })
                .catch(() => {
                    console.log("Sharing failed");
                });
        } else {
            console.log("Sorry! Your browser does not support Web Share API");
        }
    };

我了解到这不适用于我的应用程序，因为它不受支持的浏览器类型。但是我想知道如果我通过我的应用程序启动应用内浏览器是否可行？

或者有谁知道如何将本机共享功能添加到 React js 应用程序。

谢谢。

Answer 1

只有少数浏览器支持此功能。即使您使用浏览器组件，该应用程序也会尝试打开可能不支持此功能的默认浏览器。以下是此功能的浏览器兼容性。 Android 和 iPhone 可能会工作，因为它有支持。

Answer 2

我就是这样解决问题的！我的应用程序是使用 ionic 和 react js 构建的，这是唯一适用于本机设备的解决方案。

 import { Share } from '@capacitor/share';
    
    const [basicShare, setBasicShare] = useState(false)
    
    
    useEffect(() => () => {
            if (basicShare) {
                Share.share({
                    title: 'Title',
                    text: 'enter text',
                    url: "https://google.com",
                    dialogTitle: 'Share',
                });
            }
            setBasicShare(false)
    
        },
            [basicShare]);

关于 React JS 移动应用程序的分享

Sharing on React JS Mobile application

android

reactjs

web-share