react-native-s-alipay

React Native 支付宝模块，同时支持ios和android，react native 0.60.0+ autolink

安装

npm install react-native-s-alipay --save

或者

yarn add react-native-s-alipay

配置

如果你的react native >= 0.60.0，那么你不需要做太多的配置。

Android:

android需要在android -> app -> build.gradle中配置lib包的引用：

...repositories {    flatDir {        dirs project(':react-native-s-alipay').file('libs')    }}...

ios:

第一步：

ios需要在ios项目的Podfile中加入支付宝依赖包的引用：

pod 'AlipaySDK-iOS'

然后运行命令：

cd ios && pod install

第二步：

等待安装成功后，进入ios工程文件夹，会看到一个.xcworkspace 结尾的文件，双击打开
react-native-s-alipay -- React Native 支付宝模块，同时支持ios和android，react native 0.60.0+_第1张图片

第三步：

选中项目，右键添加文件
react-native-s-alipay -- React Native 支付宝模块，同时支持ios和android，react native 0.60.0+_第2张图片
点击找到本项目node_modules下的react-native-s-alipay -> iosLib -> RNSAlipay, 将整个RNSAlipay文件夹导入。

导入时注意选项。

第四步：

在AppDelegate.m文件中添加以下两个方法，来处理跳转的url：

头部引用：

#import "RNSAlipayManager.h"

- (BOOL)application:(UIApplication *)application            openURL:(NSURL *)url  sourceApplication:(NSString *)sourceApplication         annotation:(id)annotation {        if ([url.host isEqualToString:@"safepay"]) {        //跳转支付宝钱包进行支付，处理支付结果        [RNSAlipayManager handleCallback:url];    }    return YES;}// NOTE: 9.0以后使用新API接口- (BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<NSString*, id> *)options{    if ([url.host isEqualToString:@"safepay"]) {        //跳转支付宝钱包进行支付，处理支付结果        [RNSAlipayManager handleCallback:url];    }    return YES;}

第五步：

添加url type：
react-native-s-alipay -- React Native 支付宝模块，同时支持ios和android，react native 0.60.0+_第4张图片
到此支付宝配置结束。

使用

import Alipay from 'react-native-s-alipay';//orderInfo由后端返回Alipay.pay(orderInfo).then(  res => {    console.log('success:', res);  },  res => {    console.log('fail:', res);  },);

react-native-s-alipay -- React Native 支付宝模块，同时支持ios和android，react native 0.60.0+