uni-app 在系统分享列表中添加自己的app

发布于 1周前 作者 gougou168 来自 Uni-App

uni-app 在系统分享列表中添加自己的app

怎么将自己的app添加到系统的分享列表中，让用户可以点分享的时候看到自己的app

Harmonyos Next教程
3 回复

添加到“用其他应用打开”中、app加入系统分享列表、获取分享的文件(ios、android)：https://ext.dcloud.net.cn/plugin?id=6901


公司承接项目外包开发、双端（Android，iOS）原生插件开发。
为什么选择我们： 1、1000+项目开发积累，数百种商业模式开发经验，更懂您的需求，沟通无障碍。 2、一年免费技术保障，系统故障或被攻击，2小时快速响应提供解决方案落地。 3、软件开发源码定制工厂，去中间商降低成本，提高软件开发需求沟通效率。 4、纯原生开发，拒绝模板和封装系统，随时更新迭代，增加功能，无需重做系统。 5、APP定制包办软件著作权申请，30天内保证拿到软著证书，知识产权受保护。 6、中软云科技导入严谨的项目管理系统，确保项目准时交付，快速抢占市场商机。 7、软件开发费、维护费、第三方各种费用公开透明，不花冤枉钱，不玩套路。
已有大量双端插件、App、小程序、公众号、PC、移动端、游戏等案例。
行业开发经验：银行、医疗、直播、电商、教育、旅游、餐饮、分销、微商、物联网、零售等
商务QQ：1559653449 商务微信：fan-rising
7x24小时在线，欢迎咨询了解

在 uni-app 中实现将你的应用添加到系统分享列表中，通常涉及到原生插件的开发和集成。由于 uni-app 本身是基于 Vue.js 的跨平台框架，它提供了一系列 API 和插件机制来扩展原生功能。下面是一个简要的代码案例，展示了如何通过原生插件实现这个功能。

步骤 1：创建原生插件

首先，你需要创建一个原生插件来处理系统分享功能。这通常涉及到 Android 和 iOS 两个平台的原生代码编写。

Android 插件示例

在 src/main/java/你的包名/SharePlugin.java 中：

package 你的包名;

import android.content.Context;
import android.content.Intent;
import io.dcloud.feature.uniapp.bridge.UniJSCallback;
import io.dcloud.feature.uniapp.common.UniModule;

public class SharePlugin extends UniModule {
    @Override
    public void addShareToSystem(UniJSCallback callback) {
        // 这里实现添加分享到系统列表的逻辑
        // 例如，注册一个 BroadcastReceiver 来监听分享事件
        Context context = getContext();
        // ... 实现分享功能代码 ...
        callback.invoke("Share feature added successfully.");
    }
}

iOS 插件示例

在 Plugins/你的插件名/你的插件名.m 中：

#import <Foundation/Foundation.h>
#import <UniApp/UniModule.h>

@interface YourSharePlugin : UniModule

@end

@implementation YourSharePlugin

- (void)addShareToSystem:(NSDictionary *)args resolver:(UniResolveBlock)resolver rejecter:(UniRejectBlock)rejecter {
    // 这里实现添加分享到系统列表的逻辑
    // 例如，使用 UIActivityViewController
    // ... 实现分享功能代码 ...
    resolver(@"Share feature added successfully.");
}

@end

步骤 2：集成插件到 uni-app

在 manifest.json 中配置你的原生插件：

{
    "mp-weixin": {},
    "app-plus": {
        "distribute": {
            "plugins": {
                "your-share-plugin": {
                    "version": "1.0.0",
                    "provider": "你的插件提供者"
                }
            }
        }
    },
    "plugins": {
        "your-share-plugin": {
            "package": "你的包名或插件ID",
            "version": "1.0.0",
            "provider": "wx你的小程序ID"
        }
    }
}

步骤 3：在 uni-app 中调用插件

在你的 Vue 组件中调用这个插件的方法：

export default {
    methods: {
        addShare() {
            plus.bridge.exec('your-share-plugin', 'addShareToSystem', [], (res) => {
                console.log(res); // 分享功能添加成功的回调
            });
        }
    }
}

注意：以上代码仅为示例，实际实现需要根据你的具体需求和平台特性进行调整。特别是原生代码部分，需要深入理解 Android 和 iOS 的分享机制。

回到顶部