Apple Pay

유의 사항:

• Apple Pay를 통한 결제는 지원되는 장치에서만 가능합니다.
• SDK는 사용자 기기에서 결제가 가능한지만 확인하고 필요한 모든 데이터를 전송합니다. 그런 다음 결제는 외부 탭 https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay에서 처리됩니다.
• 편의를 위해 psdk-apple-pay 구성 요소가 psdk-submit-button 구성 요소에 포함됩니다.

구현 예제

GitHub에 있는 자세한 예제를 참조하세요.

설정 방법

헤드리스 체크아웃을 사용하여 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. 프로젝트에서 원클릭 결제가 성공적으로 활성화되었다는 엑솔라 측 확인을 기다립니다.