这里我仅在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
然后加入如下配置:
<key>LSApplicationQueriesSchemes</key>
<array>
<string>weixin</string>
<string>wechat</string>
</array>
编辑AppDelegate.m
引入头文件:
#import <React/RCTLinkingManager.h>
再插入如下代码:
// 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<NSString*, id> *)options
{
return [RCTLinkingManager application:application openURL:url options:options];
}
以上就配置成功了!
然后就可以直接引入react-native-wechat
模块,进行调用了。
解决BUG:1. RTCWeChat签名失败
直接进入Libraries
->RTCWeChat.xcodeproject
,点击右边的RTCWeChatTests
,然后设置签名即可:
react-native-wechat签名失败BUG