react-native-wechat之旅（RN微信分享、登陆、支付模块）

这里我仅在iOS端上做了尝试。

申请微信开放平台

https://open.weixin.qq.com/
根据实际情况创建一个移动应用即可。

提示：bundle id写错了没关系，通过审核后我们可以再次更改而无需再次审核

然后审核通过后（一周内），拿到App ID备用

安装RN模块

$ npm i react-native-share -S
$ react-native link react-native-share

这样就自动装上了，如果失败，可以详细参考官方文档：
https://github.com/yorkie/react-native-wechat

react-native-share

配置RN模块

打开ios/Project.xcodeproj项目文件，在General->Linked Frameworks and Libraries中检查是否加入了如下的链接库，如果没有，点击+，然后搜索名称添加即可：

• libc++.tbd
• libsqlite3.0.tbd
• libz.tbd
• libRTCWeChat.a
• SystemConfiguration.framework
• CoreTelephony.framework

链接库

增加URL Types

在项目设置的Info->URL Types里，增加一个配置：

react-native-wechat url types设置

编辑info.plist

右键info.plist文件，然后选择源码打开：

源码打开info.plist

然后加入如下配置：

LSApplicationQueriesSchemes

    weixin
    wechat

编辑AppDelegate.m

引入头文件：

#import 

再插入如下代码：

// ios 8.x or older
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
  sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
  return [RCTLinkingManager application:application openURL:url
                      sourceApplication:sourceApplication annotation:annotation];
}

// ios 9.0+
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
            options:(NSDictionary *)options
{
  return [RCTLinkingManager application:application openURL:url options:options];
}

以上就配置成功了！

然后就可以直接引入react-native-wechat模块，进行调用了。

解决BUG：1. RTCWeChat签名失败

直接进入Libraries->RTCWeChat.xcodeproject，点击右边的RTCWeChatTests，然后设置签名即可：

react-native-wechat签名失败BUG