mrhlf1 / react-native-payment-alipay

优先建议使用 https://www.npmjs.com/package/react-native-yunpeng-alipay

react-native-payment-alipay

React Native Module for alipay.com

install

npm install react-native-payment-alipay --save

Android

With rnpm

rnpm link react-native-payment-alipay

Manually

• android/settings.gradle

include ':react-native-payment-alipay'
project(':react-native-payment-alipay').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-payment-alipay/android')

• android/app/build.gradle

dependencies {
    compile project(':react-native-payment-alipay')
}

• register module (in MainActivity.java)

...

import com.payment.alipay.AlipayPackage; // <--- IMPORT

public class MainActivity extends ReactActivity {

    ...

    @Override
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new AlipayPackage() // <--- ADD HERE
        );
    }
}

iOS

With rnpm

rnpm link react-native-payment-alipay

Manually

Link AlipayModule library from your node_modules/react-native-payment-alipay/ios folder like its described here. Don't forget to add it to "Build Phases" of project.

Config

• Added the following libraries to your "Link Binary With Libraries":

  • CoreMotion.framework
  • CoreTelephony.framework
  • libc++
  • libz

• add URL Schema as your app id for URL type in Targets - info

• Make sure you have these code in AppDelegate.m to enable callback

#import "AlipayModule.h"

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
  sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
  [AlipayModule handleCallback:url];
  return YES;
}

General Usage

import Alipay from 'react-native-payment-alipay';

Alipay.pay("signed pay info string").then(function(data){
                    console.log(data);
                }, function (err) {
                    console.log(err);
                });