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. Crea una solicitud para habilitar esta opción. Para ello:

   a. Abra su proyecto en Cuenta del editor y vaya a la sección Support Hub.

   b. Haga clic en Submit request.

   

   c. En la ventana que se abre, rellene los campos:

   • Summary. Por ejemplo, Configuración del pago con un clic de Apple Pay.
   • Description. Especifique el dominio empleado para abrir la interfaz de pago; p. ej., amazing.store.com.
   • Project ID. Seleccione un ID de proyecto de la lista desplegable. Si desea configurar la opción de pago con un solo clic para varios proyectos, especifique sus ID en el campo Description.

   d. Haga clic en Send.

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);