当前位置：首页 > uni-app

uniapp分享到facebook

2026-01-13 18:46:38uni-app

使用uniapp分享到Facebook的方法

在uniapp中实现分享到Facebook功能，可以通过调用原生插件或使用第三方SDK。以下是具体实现方式：

安装Facebook SDK插件 在uniapp项目中使用HBuilderX的插件市场搜索"Facebook SDK"，安装并配置相关插件。确保在manifest.json中配置Facebook App ID。

配置manifest.json

"app-plus": {
    "distribute": {
        "ios": {
            "urlschemewhitelist": ["fb", "fbapi"],
            "facebookappid": "YOUR_APP_ID"
        },
        "android": {
            "FacebookAppID": "YOUR_APP_ID",
            "FacebookDisplayName": "YOUR_APP_NAME"
        }
    }
}

实现分享功能代码

// 在需要分享的页面中添加以下代码
shareToFacebook() {
    const shareInfo = {
        href: "https://your-share-link.com",
        quote: "Check out this awesome content!",
        hashtag: "#YourHashtag"
    };

    if(uni.getSystemInfoSync().platform === 'ios') {
        plus.share.sendWithSystem(shareInfo, function(){}, function(e){
            console.log("分享失败：" + e.message);
        });
    } else {
        // Android平台处理
        const main = plus.android.runtimeMainActivity();
        const Intent = plus.android.importClass("android.content.Intent");
        const Uri = plus.android.importClass("android.net.Uri");

        const intent = new Intent(Intent.ACTION_SEND);
        intent.setType("text/plain");
        intent.putExtra(Intent.EXTRA_TEXT, shareInfo.href);
        intent.setPackage("com.facebook.katana");

        main.startActivity(intent);
    }
}

注意事项 确保在Facebook开发者平台创建应用并获取正确的App ID iOS平台需要配置URL Scheme白名单 Android平台需要确认用户设备已安装Facebook应用分享内容需符合Facebook平台政策

测试与调试 在真机上进行测试，确保分享功能正常工作检查控制台日志，处理可能出现的错误不同平台可能需要不同的处理方式，需进行充分测试

uniapp分享到facebook