zoukankan      html  css  js  c++  java
  • React Native中集成友盟社会化分享-----童叟无欺

    1.下载所需的jar,下载地址https://developer.umeng.com/sdk/reactnative?spm=a211g2.211692.0.0.28967d238GW6mC

    2.将以下jar放入,你的android/app/libs中,(这里可以参考我之前分享的集成友盟统计的流程:https://www.cnblogs.com/songdongdong/p/10684327.html)

    3.在你的DplusReactPackage.java中添加ShareModule

    @Override
        public List<NativeModule> createNativeModules(
            ReactApplicationContext reactContext) {
            List<NativeModule> modules = new ArrayList<>();
            modules.add(new ShareModule(reactContext));
            modules.add(new PushModule(reactContext));
            modules.add(new AnalyticsModule(reactContext));
            return modules;
        }

    4.在你的java/com/cp/invokenative下,添加ShareModule.java,这个下载jar的时候会有,这里用的是我自己的路径,(修改为你自己的路径即可)

     5.将ShareModule.java的包名修改为你自己的包名

     6.在你的MainActive.java中做如下修改

    import android.content.Intent; //增加
    // 分享平台配置
    import com.umeng.socialize.PlatformConfig; //增加
    // 分享模块
    import com.jingcai.cp.invokenative.ShareModule; //增加
    import com.umeng.socialize.UMShareAPI;//增加
    
    .........
    
    protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            // 配置微信
            PlatformConfig.setWeixin("微信AppId", "AppSecret");//增加
            // 注意:如果您已经在AndroidManifest.xml中配置过appkey和channel值,可以调用此版本初始化函数。
            UMConfigure.init(this, "Appkey", "Umeng", UMConfigure.DEVICE_TYPE_PHONE, "push的secret");
            UMConfigure.setLogEnabled(true);
            UMConfigure.setProcessEvent(true);
            MobclickAgent.setSessionContinueMillis(30000);
         //初始化分享sdk
            ShareModule.initSocialSDK(this);//增加
        }
    .........
    //增加
    @Override
        public void onActivityResult(int requestCode, int resultCode, Intent data) {
            super.onActivityResult(requestCode, resultCode, data);
            UMShareAPI.get(this).onActivityResult(requestCode, resultCode, data);
        }
    .........
    .........

    7.在你的js文件中新建ShareUtil.js

    var { NativeModules } = require('react-native');
    module.exports = NativeModules.UMShareModule;

    8.使用

    ShareUtile.share(text,img,url,title,platform,(code,message) =>{
         this.setState({result:message});
    });
    
    text 为分享内容
    img 为图片地址,可以为链接,本地地址以及res图片(如果使用res,请使用如下写法:res/icon.png)
    url 为分享链接,可以为空
    title 为分享链接的标题
    platform为平台id,id对照表与授权相同
    callback中code为错误码,当为0时,标记成功。message为错误信息
  • 相关阅读:
    计蒜客模拟赛D2T2 蒜头君的排序:区间逆序对(移动端点) + 树状数组
    计蒜客模拟赛D2T1 蒜头君的兔子:矩阵快速幂
    计蒜客模拟赛D1T2 蒜头君的树:树上节点之间最短距离和
    计蒜客模拟赛D1T1 蒜头君打地鼠:矩阵旋转+二维前缀和
    Cubieboard安装系统
    awk速查手册
    sed速查手册
    常用正则表达
    MySQL索引小记
    jQuery中attr和prop的区别
  • 原文地址:https://www.cnblogs.com/songdongdong/p/11642557.html
Copyright © 2011-2022 走看看