美文网首页
react-native 集成微信分享(android)

react-native 集成微信分享(android)

作者: 奋斗的小蜗牛yyl | 来源:发表于2019-06-17 13:31 被阅读0次

1.在友盟官网下载Sdk

image
点击设置选择分享目标
image

2.下载后解压

在android/app 目录下建一个libs 目录(如果存在libs则不用新建),把android目录下的jar包全部拷贝到libs下


image

在android的mian/java/项目名目录 下新建一个文件夹(自己定义名称)把压缩包内react-native目录下的java文件全部拷贝到该文件夹下,同时把文件里的引入路径改为自己的项目路径

image image

压缩包中的其他xml和图片文件按照文件夹copy到项目中
app下的build.gradle添加


dependencies { compile fileTree(include: ['*.jar'], dir:'libs')}

包名目录下创建wxapi目录,新建WXEntryActivity文件


image
package包名;

importcom.umeng.socialize.weixin.view.WXCallbackActivity;publicclassWXEntryActivityextendsWXCallbackActivity{

@OverrideprotectedvoidonActivityResult(intrequestCode,intresultCode, Intent data){super.onActivityResult(requestCode, resultCode, data); UMShareAPI.get(this).onActivityResult(requestCode, resultCode, data);}

}

初始化配置


@Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);

    RNUMConfigure.init(this, "5d00ca304ca357a6a4000bf2", "Umeng", UMConfigure.DEVICE_TYPE_PHONE, "");
  }

    {
  // appid 和 AppSecret 微信开放平台申请
      PlatformConfig.setWeixin("wxxxxxxxx", "xsasd021312931293");
    }

添加权限

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /><uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />

<uses-permission android:name="android.permission.READ_PHONE_STATE" />

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

<uses-permission android:name="android.permission.INTERNET" />

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />

添加配置

<android:name=".wxapi.WXEntryActivity"

    android:configChanges="keyboardHidden|orientation|screenSize"

    android:exported="true"

    android:theme="@android:style/Theme.Translucent.NoTitleBar" />

相关文章

网友评论

      本文标题:react-native 集成微信分享(android)

      本文链接:https://www.haomeiwen.com/subject/eplafctx.html