這里我僅在iOS端上做了嘗試。
申請(qǐng)微信開放平臺(tái)
https://open.weixin.qq.com/
根據(jù)實(shí)際情況創(chuàng)建一個(gè)移動(dòng)應(yīng)用即可。
提示:bundle id寫錯(cuò)了沒關(guān)系,通過審核后我們可以再次更改而無需再次審核
然后審核通過后(一周內(nèi)),拿到App ID
備用
安裝RN模塊
$ npm i react-native-share -S
$ react-native link react-native-share
這樣就自動(dòng)裝上了,如果失敗,可以詳細(xì)參考官方文檔:
https://github.com/yorkie/react-native-wechat
react-native-share
配置RN模塊
打開ios/Project.xcodeproj
項(xiàng)目文件,在General
->Linked Frameworks and Libraries
中檢查是否加入了如下的鏈接庫,如果沒有,點(diǎn)擊+,然后搜索名稱添加即可:
- libc++.tbd
- libsqlite3.0.tbd
- libz.tbd
- libRTCWeChat.a
- SystemConfiguration.framework
- CoreTelephony.framework
鏈接庫
增加URL Types
在項(xiàng)目設(shè)置的Info
->URL Types
里,增加一個(gè)配置:
react-native-wechat url types設(shè)置
編輯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
模塊,進(jìn)行調(diào)用了。
解決BUG:1. RTCWeChat簽名失敗
直接進(jìn)入Libraries
->RTCWeChat.xcodeproject
,點(diǎn)擊右邊的RTCWeChatTests
,然后設(shè)置簽名即可:
react-native-wechat簽名失敗BUG