angular - Lägg till PayPal-betalningsmetod Ionic
Jag försöker implementera PayPal-betalningsmetod på min APP gjord med Ionic 2/3, jag har redan installerat
ionic cordova plugin add com.paypal.cordova.mobilesdk
npm install --save @ionic-native/paypal
men nu, hur kan jag skapa händelseknappen, jag menar jag behöver att när jag trycker på en knapp så anropar den PayPal API och ger dem produkten och priset antar jag och sedan genomför betalningen.
Jag har läst PayPal Ionic-dokumentationen men när det står Användning vet jag inte var jag ska lägga in denna kod.
Kan någon vägleda mig hur man implementerar det? Eller åtminstone ge någon vägledning?
Svar #1
Jag har inte möjlighet att testa detta själv, men du skulle kunna ha en knapp som anropar initiatePaypal() vilket skulle se ut så här:
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));
});
}
}
Om allt annat misslyckas, försök att följa med i detta exempel på användning av pluginet i vanlig JS. Hämtat från MyCordovaShop.
