首先介绍一下我们的项目背景,我们是使用纯RN开发的一款APP,我用友盟的分享主要是满足的需求是向微信和朋友圈分享我们的注册页面,获取更多的用户量
1、下载
友盟官网https://developer.umeng.com/sdk?spm=a211g2.181323.0.0.3cb23604KtPXqG下载对应RN的SDK,如下图
在这里需要注意的是下载之前需要先选择对应的分享平台:点击SDK后面的设置,如下图:
选好之后点击下载按钮进行下载。
2、配置:
点击社会化分享后面的开发文档,既可以看到官方给的配置文档,但从我的个人经历看来,官方文档太过笼统,很多新手很难一步到位配置成功,我通过个人的一些经历,总结了一下一些步骤。
Android:
初始化
项目 => android => app => libs 下,放入SDK中的.jar文件,如下图所示:
将SDK文件夹下的ReactNative => common => common_reactnative => common_android 下的文件放进自己的项目里,如下图
将SDK文件夹下的ReactNative => share => share_reactnative => share_android下的桥接文件ShareModule.java放进自己的项目,如下图:
在这个地方需要注意的是:一定要把这三个Java文件的包名改成自己项目的包名
打开自己项目的mainApplication.java文件进行配置:引入分享
添加DplusReactPackage::
并在onCreate()中进行初始化:
RNUMConfture.init接口一共五个参数,其中第一个参数为Context,第二个参数为友盟Appkey,第三个参数为channel,第四个参数为应用类型(手机或平板),第五个参数为push的secret(如果没有使用push,可以为空)。
设置第三方的key和secret:我的例子只用了微信
注:key和secret必须跟是通过包名在微信申请的APP的key和secret,包名一定要对上
打开自己项目的mainActivity.java文件进行配置:引入分享
在onCreate()里面初始化:
并添加回调所需代码:
3.使用
引入分享
分享的代码:
分享图片:
参数分别是:
text 为分享内容
img 为图片地址,可以为链接,本地地址以及res图片(如果使用res,请使用如下写法:res/icon.png)
url 为分享链接,可以为空
title 为分享链接的标题
platform为平台id,id对照表与授权相同
callback中code为错误码,当为0时,标记成功。message为错误信息
分享面板:
参数分别是:
text 为分享内容
img 为图片地址,可以为链接,本地地址以及res图片(如果使用res,请使用如下写法:res/icon.png)
url 为分享链接,可以为空
title 为分享链接的标题
list 为分享平台数组,如:var list = [0,1,2]
callback中code为错误码,当为0时,标记成功。message为错误信息
网友评论