Apple Pay
注意事项：
- Apple Pay支付仅适用于支持的设备。
- SDK仅验证用户设备是否可以完成支付并发送所需数据。支付将在外部标签页中处理：
https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay。 - 为方便起见，
psdk-apple-pay组件已包含在psdk-submit-button组件中。
如何设置
要使用Headless checkout接受Apple Pay支付：
- 添加
show_fields事件处理以显示额外字段。
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 case 'show_fields':
4 this.handleShowFieldsAction(nextAction);
5 }
6});
- 在支付UI的HTML标记中添加
psdk-payment-form组件以显示额外字段。
Copy
- html
1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />
一键支付
一键支付允许用户在支持的设备上使用Apple Pay，从而提供熟悉且安全的原生支付方式。要配置一键支付：
- 创建请求以启用此方式。操作步骤：
- 在发布商帐户中前往Communication Hub部分。
- 单击提问。
- 发送消息请求设置一键支付，并提供以下信息：
- 一键支付方式⸺Apple Pay。
- 用于打开支付UI的域名，例如
amazing.store.com。 - 需要配置一键支付的项目ID。
- 等待您的域名关联文件。此步骤由艾克索拉进行：
- 艾克索拉向Apple注册您的域名。
- 艾克索拉从Apple处收到域名关联文件。
- 艾克索拉通过电子邮件将域名关联文件发送给您，并提供上传位置说明。
注意
为成功完成自动验证，请确保通过网络请求可以访问域关联文件。
- 如下所示更新SDK初始化脚本：
Copy
- typescript
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);
注：
详细的Apple Pay沙盒模式测试说明请参考相关指南。
本文对您的有帮助吗？
感谢您的反馈！
我们会查看您的留言并运用它改进用户体验。发现了错别字或其他内容错误？ 请选择文本，然后按Ctrl+Enter。
