Apple Pay

Обратите внимание:

• Оплата с помощью Apple Pay возможна только на поддерживаемых устройствах.
• На стороне SDK проверяется только возможность проведения платежа на устройстве пользователя, а также передаются все необходимые данные. Платеж выполняется на внешней вкладке по URL-адресу: https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay.
• Для удобства использования компонент psdk-apple-pay встроен в компонент psdk-submit-button.

Пример реализации

Изучите подробный пример на GitHub.

Как настроить

Чтобы использовать Headless checkout для приема платежей с помощью Apple Pay:

1. Добавьте обработку события show_fields для отображения дополнительных полей.

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

2. Добавьте компонент psdk-payment-form в HTML-разметку платежного интерфейса для отображения дополнительных полей.

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

Оплата в один клик

Оплата в один клик позволяет пользователю использовать привычный и безопасный способ оплаты Apple Pay на поддерживаемых устройствах. Чтобы настроить оплату в один клик:

1. Создайте заявку на подключение этой опции. Для этого:

   a. В Личном кабинете перейдите в раздел Support Hub.

   b. Нажмите Отправить запрос.

   

   c. В открывшемся окне заполните поля:

   • Краткое описание. Например, Подключение оплаты в один клик с помощью Apple Pay.
   • Описание. Укажите домен, по которому в вашем приложении открывается платежный интерфейс, например, amazing.store.com.
   • ID проекта. Выберите ID проекта из раскрывающегося списка. Если вы хотите подключить оплату в один клик для нескольких проектов, укажите их ID в поле Описание.

   d. Нажмите Отправить.

2. Дождитесь получения верификационного файла для вашего домена. Этот шаг выполняется на стороне Xsolla:
   1. Xsolla регистрирует ваш домен на стороне Apple.
   2. Xsolla получает верификационный файл от Apple.
   3. Xsolla отправляет вам по электронной почте полученный верификационный файл и сообщает, по какому адресу его необходимо загрузить.

3. Обновите скрипт инициализации SDK, как показано ниже:

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