這里我僅在iOS端上做了嘗試。
申請微信開放平臺
https://open.weixin.qq.com/
根據(jù)實際情況創(chuàng)建一個移動應(yīng)用即可悬嗓。
提示:bundle id寫錯了沒關(guān)系污呼,通過審核后我們可以再次更改而無需再次審核
然后審核通過后(一周內(nèi)),拿到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
在項目設(shè)置的Info
->URL Types
里声诸,增加一個配置:
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
模塊双絮,進行調(diào)用了浴麻。
解決BUG:1. RTCWeChat簽名失敗
直接進入Libraries
->RTCWeChat.xcodeproject
,點擊右邊的RTCWeChatTests
囤攀,然后設(shè)置簽名即可:
react-native-wechat簽名失敗BUG