Apple Pay

注意事项：

• Apple Pay支付仅适用于支持的设备。
• SDK仅验证用户设备是否可以完成支付并发送所需数据。支付将在外部标签页中处理：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. 在支付UI的HTML标记中添加psdk-payment-form组件以显示额外字段。

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

一键支付

一键支付允许用户在支持的设备上使用Apple Pay，从而提供熟悉且安全的原生支付方式。要配置一键支付：

1. 创建请求以启用此选项。操作步骤：

   a. 在发布商帐户中前往支持中心部分。

   b. 单击提交请求。

   

   c. 在打开的窗口中，填写以下字段：

   • 摘要。例如，Apple Pay一键支付设置。
   • 描述。指定用于打开支付UI的域名，例如amazing.store.com。
   • 项目ID。从下拉列表中选择项目ID。如果要为多个项目配置一键支付选项，请在描述字段中指定它们的ID。

   d. 单击发送。

2. 等待您的域名关联文件。此步骤由艾克索拉进行：
   1. 艾克索拉向Apple注册您的域名。
   2. 艾克索拉从Apple处收到域名关联文件。
   3. 艾克索拉通过电子邮件将域名关联文件发送给您，并提供上传位置说明。
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);

4. 回复艾克索拉的电子邮件，确认已将域名关联文件上传到指定位置且已更新SDK初始化脚本。
5. 等待艾克索拉确认已成功在您的项目中启用一键支付。