rnp

react-native-paysdk

RN 支付宝,微信支付

Showing:

Popularity

Downloads/wk

26

GitHub Stars

57

Maintenance

Last Commit

4yrs ago

Contributors

1

Package

Dependencies

6

License

ISC

Type Definitions

Tree-Shakeable

No?

Categories

Readme

React-Native-Pay 用于微信,支付宝支付

如何安装

1.首先安装npm包 npm install react-native-paysdk --save 2.link rnpm link react-native-paysdk或者 react-native link react-native-paysdk

手动link~(如果不能够自动link) Android

file: android/settings.gradle
    ...

    include ':react-native-paysdk'
    project(':react-native-paysdk').projectDir = new File(settingsDir, '../node_modules/react-native-paysdk/android')


file: android/app/build.gradle
...
 
dependencies {
    ...
    compile project(':react-native-paysdk')
}

android/app/src/main/java/<你的包名>/MainApplication.java中添加如下两行:

...
import cn.reactmodule.PayPackage;  // 在public class MainApplication之前import
 
public class MainApplication extends Application implements ReactApplication {
 
  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    protected boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }
 
    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new PayPackage(), // 然后添加这一行 
          new MainReactPackage()
      );
    }
  };
 
  @Override
  public ReactNativeHost getReactNativeHost() {
      return mReactNativeHost;
  }
}

如何使用

1.支付宝(签名由后端生成返回) 链接点进去可以看到后端各语言生成orderString方式

import RNPay from 'react-native-paysdk';

onAliPay(){
    var params = {
        orderString:''
    }
    RNPay.onAliPay(params)
        .then((res)=>{
        })
        .catch(e=>{
        })
 }

 orderString是后台对参数已经加签后的值

2.微信 import RnPay from 'react-native-paysdk';

onWxPay(){
    var params = {
        appid:'',
        partnerid:'',
        parpayid:'',
        packageValue:'',
        noncestr:'',
        timestamp:'',
        sign:''
    }

    RnPay.onWxPay(params)
        .then((res)=>{
        })
        .catch(e=>{
        })
 }

所有未知参数 皆可从后台人员获知
  1. 微信支付 ios AppDegelate.m文件添加内容

    import "WXApi.h"

    ...

    • (BOOL)application:(UIApplication )application handleOpenURL:(NSURL )url { if ([url.host isEqualToString:@"safepay"]) { //支付宝回调 ...//添加回调方法 return YES; }else{ return [WXApi handleOpenURL:url delegate:[WXApiManager sharedManager]]; }}

    • (BOOL)application:(UIApplication )application openURL:(NSURL )url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {

      if ([url.host isEqualToString:@"safepay"]) { //支付宝回调 ...//添加回调方法 return YES; }else{ //微信回调 return [WXApi handleOpenURL:url delegate:[WXApiManager sharedManager]]; } }

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100