1.下载支付宝客户端SDK
https://opendocs.alipay.com/open/54/104509
2.启动Xcode,把iOS包中的压缩文件中AlipaySDK.bundle、AlipaySDK.framework文件拷贝到RN项目中IOS文件夹下,如下图:
3.导入AlipaySDK.bundle、AlipaySDK.framework到项目工程中。
选择项目,右键添加,如上图1,2箭头所指,添加结果在3箭头所指
4.添加支付宝SDK依赖项
添加说明:
点击项目,选择Build Phases选项卡,然后选择Link Binary With Libraries中,增加依赖
AlipaySDK.framework直接从左侧解决方案中拖入即可,其他依赖点击+添加
5.在项目目录下右键创建Group Alipay,并创建AlipayMoudle模块,如下图所示:
6.AlipayModule.h代码如下
#import <React/RCTBridgeModule.h>
#import <React/RCTLog.h>
#import <Foundation/Foundation.h>
@interface AlipayModule : NSObject <RCTBridgeModule>
@end
7.AlipayModule.m代码如下
#import <Foundation/Foundation.h>
#import "AlipayModule.h"
#import <AlipaySDK/AlipaySDK.h>
@implementation AlipayModule
RCT_EXPORT_METHOD(pay:(NSString *)orderInfo
resolver:(RCTPromiseResolveBlock)resolve
rejecter:(RCTPromiseRejectBlock)reject)
{
//应用注册scheme,在AliSDKDemo-Info.plist定义URL types
NSString *appScheme = @"yourschemenvalue";
[[AlipaySDK defaultService] payOrder:orderInfo fromScheme:appScheme callback:^(NSDictionary *resultDic) {
resolve(resultDic);
}];
}
RCT_EXPORT_MODULE(Alipay);
@end
8.点击项目,选择Info选项卡,然后选择URL Types中,设置yourschemevalue,如下图
9.直接编辑Info.plist添加白名单:
<key>LSApplicationQueriesSchemes</key>
<array>
<string>alipay</string>
<string>weixin</string>
<string>wechat</string>
</array>
10.使用方式和Android版一致,不再赘述。