React Native安卓微信分享集成

2017-08-08  本文已影响95人  小_蜡笔

第一步,先利用终端进入项目的跟路径,去添加微信支付的第三方库
输入命令回车 npm install react-native-wechat@1.9.5 --save


B74B0C84-6EEE-4112-BE8A-AE6450A42B7A.png

第二步在项目跟路径下把第三方库添加到项目里 react-native link react-native-wechat


Pasted Graphic 1.png
在android/settings.gradle文件下添加以下代码:
include ':react-native-wechat'project(':react-native-wechat').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wechat/android') 599B666C-39BE-4A1B-9F8A-6912B879039C.png

dependencies {
compile project(':react-native-wechat') // Add this line only.
}

D17334E5-F415-408A-995B-3A7F634E73BF.png

代码中引入包和方法

Pasted Graphic.png

在应用程序包中创建一个名为'wxapi'的包,并在其中创建一个名为'WXEntryActivity'的类。以便可以获得微信的授权和分享权限。

E28B0C04-BD04-46FE-8A18-7DA7B2E410EB.png

'WXEntryActivity'的类的代码实现
package your.package.wxapi;
import android.app.Activity;
import android.os.Bundle;
import com.theweflex.react.WeChatModule;
public class WXPayEntryActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); WeChatModule.handleIntent(getIntent()); finish();
}
}

E51D0287-20FA-443D-A05E-576314E2192B.png

在AndroidManifest.xml添加声明
<activityandroid:name=".wxapi.WXEntryActivity"android:exported="true"android:label="@string/app_name" />

18A7CC2C-C1A1-49FA-86A9-915C5A152C1A.png

在proguard-rules.pro中添加:

1AF44ACE-395D-4EF4-A7C8-AF2F0CCA23AC.png

代码实现

E2B2A068-A24F-4355-B4BA-CD466C99AEF2.png

初始化数据

DBF3EDA5-1818-4916-83A7-06BBEB75EA08.png

换起微信分享的方法

2FA34AE2-6560-4316-A402-846B2BB5D722.png
上一篇 下一篇

猜你喜欢

热点阅读