這里我僅在iOS端上做了嘗試。
申請(qǐng)微信開(kāi)放平臺(tái)
https://open.weixin.qq.com/
根據(jù)實(shí)際情況創(chuàng)建一個(gè)移動(dòng)應(yīng)用即可。
提示：bundle id寫(xiě)錯(cuò)了沒(méi)關(guān)系，通過(guò)審核后我們可以再次更改而無(wú)需再次審核
然后審核通過(guò)后（一周內(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模塊
打開(kāi)ios/Project.xcodeproj項(xiàng)目文件，在General->Linked Frameworks and Libraries中檢查是否加入了如下的鏈接庫(kù)，如果沒(méi)有，點(diǎn)擊+，然后搜索名稱(chēng)添加即可：
- libc++.tbd
- libsqlite3.0.tbd
- libz.tbd
- libRTCWeChat.a
- SystemConfiguration.framework
- CoreTelephony.framework
鏈接庫(kù)
增加URL Types
在項(xiàng)目設(shè)置的Info->URL Types里，增加一個(gè)配置：
react-native-wechat url types設(shè)置
編輯info.plist
右鍵info.plist文件，然后選擇源碼打開(kāi)：
源碼打開(kāi)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
