NativeScript Stripe-SDK

这个仓库基于 @Osei Fortune 的 nativescript-stripe。干得漂亮，先生！

重要：强烈推荐使用 @Osei Fortune 的 nativescript-stripe

此插件的目的是为我工作的应用程序添加一些特定的功能。我还想使用官方的 nativescript-plugin-seed

仅适用于 iOS - 此插件使用 11.3 Stripe 的 SDK。

安装

tns plugin add nativescript-stripe-sdk

在 Android 中的使用

设置 API 键

将此添加到主 *.module.ts 文件（app.module.ts）

import * as application from 'tns-core-modules/application';
import * as platform from 'tns-core-modules/platform';

const stripeSdk = require('nativescript-stripe-sdk');

application.on(application.launchEvent, () => {
  if (platform.isIOS) {
    stripeSdk.StripeSdk.setApiKey('yourAPIKey');
  }
});

在 UI 中的使用

<StripePaymentCardTextField
  (paymentCardTextFieldDidChange)="onPaymentCardTextFieldDidChange($event)">
</StripePaymentCardTextField>

示例 paymentCardTextFieldDidChange 处理器

import { StripeSdk } from 'nativescript-stripe-sdk';

...

onPaymentCardTextFieldDidChange(payload) {
  const isValid = StripeSdk.validateCard(payload.cardParams);

  if (isValid) {
    StripeSdk
      .createToken(payload.cardParams)
      .then(token => {
        console.log('Created token: ', token.toString());
      })
      .catch((error: Error) => {
        console.error('Create token error: ', error);
      });
  }
}

在纯 NS 中的使用

重要：SDK API 键需要在应用启动时设置

import { StripeSdk } from 'nativescript-stripe-sdk';

application.on(application.launchEvent, () => {
    if (platform.isIOS) {
        StripeSdk.setApiKey('pk_test_u6EwgR7lHu8YKOqO5AOynNVj');
    }
});

在 UI 中的使用

<ui:StripePaymentCardTextField
  expDate="{{ date }}"
  number="{{ number }}"
  cvc="{{ cvc }}"/>

 <ui:StripePaymentCardTextField
  paymentCardTextFieldDidChange="{{ callbackFn }}"/>

检查给定的 CC 是否有效（STPCardParams 类型的卡）

import { StripeSdk } from 'nativescript-stripe-sdk';

const isValid = StripeSdk.validateCard(card);

生成 stripe 令牌

重要：有效的 stripe API 键需要在应用启动时设置

import { StripeSdk } from 'nativescript-stripe-sdk';

StripeSdk
   .createToken(card.cardParams)
   .then(token => { console.log(token); })
   .catch(error => { console.error(error); });

API

在 XML 中

运行演示应用程序

git clone [email protected]:piotrilski/nativescript-stripe-sdk.git
cd src/
npm run setup
npm run demo.ios

运行 angular 演示

git clone [email protected]:piotrilski/nativescript-stripe-sdk.git
cd src/
npm run setup
npm run demo.angular.ios

许可证

Apache 许可证版本 2.0，2004 年 1 月