Apple Pay

Tenga en cuenta que:

• El pago mediante Apple Pay solo está disponible en los dispositivos compatibles.
• El SDK solamente comprueba que se pueda hacer un pago en el dispositivo del usuario y envía todos los datos necesarios. Después, el pago se procesa en una pestaña externa: https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay.
• Para mayor comodidad, el componente psdk-apple-pay está incluido en el componente psdk-submit-button.

Ejemplo de implementación

Consulte el ejemplo detallado en GitHub.

Cómo establecerlo

Para emplear el Headless checkout para aceptar pagos a través de Apple Pay:

1. Agregue el control del evento show_fields para mostrar campos adicionales.

1headlessCheckout.form.onNextAction((nextAction) => {
2  switch (nextAction.type) {
3    case 'show_fields':
4      this.handleShowFieldsAction(nextAction);
5  }
6});

2. Agregue el componente psdk-payment-form al marcado HTML de la interfaz de pago para mostrar campos adicionales.

1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />

Pago con un clic

Los pagos con un clic permite a los usuarios pagar vía Apple Pay, un método de pago nativo, intuitivo y seguro, en los dispositivos compatibles. Para configurar el pago con un clic, haga lo siguiente:

1. Envíe una solicitud para activar esta opción. Para ello:

1. Abra su proyecto en Cuenta del editor y vaya a la sección Communication hub.
2. Haga clic en Ask question.
3. Envíe un mensaje solicitando que se active la opción de pago de un solo clic. Indique lo siguiente:
   • Un método de pago de un solo clic: Apple Pay.
   • El dominio que se utiliza para abrir la interfaz de pago, por ejemplo, amazing.store.com.
   • ID de proyectos para los que quiere configurar la opción de pago de un solo clic.

2. Espere a su archivo de asociación de dominio. Xsolla se ocupa de este paso:
   1. Xsolla registra su dominio con Apple.
   2. Xsolla recibe el archivo de asociación de dominio de Apple.
   3. Xsolla le envía por correo electrónico el archivo de asociación de dominio y le ofrece instrucciones sobre dónde cargarlo.

3. Actualice el script de inicialización del SDK como se indica a continuación:

1const config: InitialOptions = {
2  isWebview: false,
3  theme: 'default',
4  language: parameters.language,
5  topLevelDomain: 'amazing.store.com',
6  isApplePayInstantFlowEnabled: true
7};
8
9await initHeadlessCheckoutLib(config);