Плагин находится на стадии разработки!
The plugin is under development!
demo application: GitHub
npm i capacitor-apple-pay
npx cap sync iosfor some reason type definitions don't work:
declare module '@capacito/core' { interface PluginRegistry { ...
import { ApplePayPlugin } from 'capacitor-apple-pay'
import { Plugins } from '@capacitor/core'
const ApplePay = Plugins.ApplePay as ApplePayPlugin;const { isPayment } = await ApplePay.canMakePayments();
// OR
const { isPayment } = await ApplePay.canMakePayments({
usingNetworks: [ ... ];
capabilities: [ ... ];
});
if (isPayment) {
// ... Request payment
}See docs: https://developer.apple.com/documentation/passkit/pkpaymentrequest
const paymentRequest = {
// Requiered
merchantIdentifier: "com.apple.testing",
paymentSummaryItems: [
{
label: 'order #1001',
amount: 120.57,
// type: 'pending' // or default: final
},
// ...
],
// Outher
countryCode: 'US',
currencyCode: 'USD',
supportedNetworks: [
'mastercard', 'visa', 'amex',
'quicPay', 'chinaUnionPay', 'discover',
'interac', 'privateLabel'
],
merchantCapabilities: [
'capability3DS', 'capabilityCredit',
'capabilityDebit', 'capabilityEMV'
],
requiredShippingContactFields: [
'emailAddress', 'name', 'phoneNumber',
'phoneticName', 'postalAddress'
],
requiredBillingContactFields: [
'emailAddress', 'name', 'phoneNumber',
'phoneticName', 'postalAddress'
],
// supportedCountries: [ ... ],
// billingContact: PaymentContact,
// shippingContact: PaymentContact,
};
try {
// See: https://developer.apple.com/documentation/passkit/pkpaymenttoken
const { token } = await ApplePay.makePaymentRequest(paymentRequest);
try {
// INFO: Check and completion of the payment by your processing center
await MyPaymentProvider.authorize(token.paymentData);
ApplePay.completeLastTransaction({ status: 'success' });
} catch {
ApplePay.completeLastTransaction({ status: 'error' });
}
} catch (e) {
if (e.message === 'canceled') {
// Payment widget was closed by user
}
}