RN react-native-wechar 微信支付、分享

(一)前言

React Native开发使用到微信好友或者微信朋友圈分享功能

(二)应用申请审核

首先微信开发平台去注册账号并且创建一个移动应用。(地址:https://open.weixin.qq.com)

将所必填的信息填写完整，应用名称以及中英文（英文是选填的）的信息，移动应用图标分别为28x28何108x108的png格式图标。

继续点击下一步填写iOS项目的bundle ID以及android项目的包名和应用签名。请注意应用签名获取需要安装一下获取签名信息的APK包，同时你的android应用也需要打包以后安装在手机上面，这样再去获取。具体获取方式见下面的图

下载获取第三方应用的签名信息apk

下载安装上面的签名信息包apk,然后在上面输入android项目的包名，点击获取签名信息

android项目的包名路径:android/app/build.gradle中的applicationId标签数据。

把上面的签名信息填写到下面的网页上面,点击提交审核即可。然后就是等待吧，官方说是7个工作日，不过一般也就是几个小时就可以通过审核了吧。

(三)安装配置微信分享库

官放项目地址:https://github.com/weflex/react-native-wechat 该库不仅支持微信分享，还支持微信登录，收藏以及微信支付的。但登录，支付之类的功能需要开通开发者认证权限，需要300元一年。

3.1.进入根目录安装：

npm install react-native-wechat --save

3.2.Android版本安装配置方法

在android/settings.gradle文件下添加以下代码：

include ':RCTWeChat'
project(':RCTWeChat').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wechat/android')

在android/app/build.gradle的dependencies部分添加以下代码：

dependencies {
   
  compile project(':RCTWeChat')   
}

在MainActivity.java或者MainApplication.java（我是配置了在这个文件内）文件中添加以下代码：

import com.theweflex.react.WeChatPackage;

@Override
protected List<ReactPackage> getPackages() {
   
  return Arrays.<ReactPackage>asList(
   ...
    new WeChatPackage()       
  );
}

如下图所示：

创建名为’wxapi’的文件夹，并在文件夹内创建WXEntryActivity.java，用于获得微信的授权和分享权限。

WXEntryActivity.java代码：

package your.package.wxapi;

import android.app.Activity;
import android.os.Bundle;
import com.theweflex.react.WeChatModule;

public class WXEntryActivity extends Activity {
   
  @Override
  protected void onCreate(Bundle savedInstanceState) {
   
    super.onCreate(savedInstanceState);
    WeChatModule.handleIntent(getIntent());
    finish();
  }
}

创建名为’wxapi’的文件夹，并在文件夹内创建WXPayEntryActivity.java，用于获得微信的授权和支付权限。

WXPayEntryActivity.java代码

package your.package.wxapi;

import android.app.Activity;
import android.os.Bundle;
import com.theweflex.react.WeChatModule;