angular - 添加 PayPal 付款方式 Ionic

Question

我正在尝试在我的使用 Ionic 2/3 制作的应用程序上实现 PayPal 付款方式，我已经安装了

$ ionic cordova plugin add com.paypal.cordova.mobilesdk
$ npm install --save @ionic-native/paypal

但是现在我如何创建事件按钮，我的意思是，当我按下按钮时，它会调用 PayPal API，为他们提供我猜测的产品和价格，然后进行付款。

我已阅读Paypal Ionic documentation但是当它放置用法时，我不知道必须将该代码放在哪里。

谁能指导我如何实现它？或者至少是一个指南？

Answer 1

我没有机会亲自测试这一点，但您可以有一个调用 initiatePaypal() 的按钮，如下所示:

import { Injectable } from '@angular/core';
//import { Paypal, PaypalPayments } from 'ionic-native';

import {PayPal, PayPalPayment} from 'ionic-native';
//import {PayPal} from 'ionic-native';


@Injectable()
export class Payments {

paymentdata : any;
paymentdetails: any;

constructor() {

}

initiatePaypal(){
PayPal.init({
        "PayPalEnvironmentProduction": "YOUR_PRODUCTION_CLIENT_ID",
        "PayPalEnvironmentSandbox": "AFcWxV21C7fd0v3bYYYRCpSSRl31ACxTIGBF1mQyNN7DjU1eCzpAZer8"
        })
    .then(onSuccess => {
        console.log("init success")
    })
    .catch(onError => {
        console.log("init failed", Error)
    });
}


initiatePayment(){

    this.paymentdata = new PayPalPayment("10.00","SGD", "MMS tickets", "MMS sale");

    PayPal.renderSinglePaymentUI(this.paymentdata)
    .then(onSuccess => {
         console.log('OnSuccess Render: ' + JSON.stringify(onSuccess));
         alert('OnSuccess Render: ' + JSON.stringify(onSuccess));
       })
    .catch(onError=> {
       console.log('onError Render: ' + JSON.stringify(onError));
       alert('onError Render: ' + JSON.stringify(onError));
         });
}



}

如果一切都失败了，请尝试遵循这个 vanilla js example usage of the plugin 。取自MyCordovaShop .