reactnative之ios集成支付宝指北

1.下载支付宝客户端SDK
https://opendocs.alipay.com/open/54/104509

2.启动Xcode，把iOS包中的压缩文件中AlipaySDK.bundle、AlipaySDK.framework文件拷贝到RN项目中IOS文件夹下，如下图：

image.png

3.导入AlipaySDK.bundle、AlipaySDK.framework到项目工程中。

image.png
选择项目，右键添加，如上图1，2箭头所指，添加结果在3箭头所指
4.添加支付宝SDK依赖项
image.png

添加说明：
点击项目，选择Build Phases选项卡，然后选择Link Binary With Libraries中，增加依赖

image.png
AlipaySDK.framework直接从左侧解决方案中拖入即可，其他依赖点击+添加

5.在项目目录下右键创建Group Alipay，并创建AlipayMoudle模块，如下图所示：

image.png

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,如下图

image.png

9.直接编辑Info.plist添加白名单：

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>alipay</string>
    <string>weixin</string>
    <string>wechat</string>
</array>

10.使用方式和Android版一致，不再赘述。