用ReactNative开发的应用,如果在应用内部,想调用小程序的分享功能,也是可以的。
首先你得有一个正式发布的微信小程序。
1.app和小程序关联
app调用小程序的分享功能,需要在微信开放平台(https://open.weixin.qq.com/),将 App 和小程序关联起来
2. 使用 react-native-wechat-lib 库
react-native-wechat 库没有app调用小程序分享的相关功能,所以使用 react-native-wechat-lib库
2.1 react-native-wechat-lib
npm地址如下
https://www.npmjs.com/package/react-native-wechat-lib
配置很简单,无非就是 安装和 链接,参考官方文档即可。
我这里只实现 android 端
2.2 关于androidx的问题:
如果你的项目不支持 androidx,安装完运行时下面这个类会报错。
node_modules\react-native-wechat-lib\android\src\main\java\com\theweflex\react\WeChatModule
报错的是下面这句
import androidx.annotation.Nullable
将它替换成 下面这句就好
import android.support.annotation.Nullable;
2.3 RN端实现调用小程序的分享功能
//1. 导入
import * as WeChat from 'react-native-wechat-lib'
//2. 注册
WeChat.registerApp('微信开放平台申请的appId','universalLink');
//3. 调用小程序的分享
WeChat.shareMiniProgram({
title: 'Mini program.', //标题
userName: 'gh_d39d10000000', //小程序的原始ID
webpageUrl: 'https://google.com/show.html', //兼容低版本的网页链接,
thumbImageUrl: 'https://google.com/1.jpg', //缩略图
scene: 0
})
详细api 查看官方文档即可。