원클릭 결제

작동 방식

원클릭 결제를 통해 사용자는 지원되는 장치에서 익숙하고 안전한 기본 결제 수단(예: Apple Pay 및 Google Pay)을 사용하여 결제할 수 있습니다. 이러한 결제 시스템은 추가적인 보안 메커니즘을 사용하여 무단 거래를 방지합니다. 빠르고 원활한 결제 프로세스를 보장하려면 추가 구성이 필요할 수 있습니다.

한 번의 클릭으로 결제할 때 사용자 흐름:

1. 사용자는 결제 UI로 이동하여 구매를 진행합니다.
2. 사용자가 버튼을 클릭하여 기본 방법 중 하나로 결제합니다.
3. 사용자는 전자 지갑으로 리디렉션되어 결제할 카드를 선택합니다.
4. 사용자는 장치 내 생체 인식을 통해 인증 절차를 통과합니다.
5. 사용자는 결제 성공 상태를 표시하는 결제 UI로 되돌아갑니다.

Apple Pay

결제 UI에 Apple Pay를 통한 원클릭 결제 옵션을 추가하는 방법:

1. 이 옵션을 사용하도록 설정하려면 요청을 생성합니다. 이렇게 하려면 다음과 같이 진행하십시오:

   a. 관리자 페이지에서 프로젝트를 열고 지원 허브 섹션으로 이동합니다.

   b. 요청 제출을 클릭합니다.

   

   c. 창이 열리면 입력란을 기입합니다:

   • 요약. 예를 들어, 원클릭 결제 설정.
   • 설명. 결제 UI를 여는 데 사용되는 도메인(예: amazing.store.com)을 지정하고 원클릭 결제 옵션(Apple Pay 또는 Apple Pay와 Google Pay 모두)을 표시합니다.
   • 프로젝트 ID. 드롭다운 목록에서 프로젝트 ID를 선택합니다. 여러 프로젝트에 대해 일회성 결제 옵션을 구성하려면 설명 필드에 해당 프로젝트의 ID를 지정하십시오.

   d. 전송을 클릭합니다.

2. 도메인 연결 파일을 기다립니다. 이 단계는 엑솔라에서 수행합니다:
   1. 엑솔라가 도메인을 Apple에 등록합니다.
   2. 엑솔라가 Apple로부터 도메인 연결 파일을 수신합니다.
   3. 엑솔라는 도메인 연결 파일을 이메일로 전송하고 업로드 위치에 대한 지침을 제공합니다.
3. 결제 UI를 여는 방법에 따라 아래 표에 설명된 바와 같이 추가 구성을 완료합니다:
4. 엑솔라 이메일에 회신하고 도메인 연결 파일을 지정된 위치로 업로드했는지 확인합니다.
5. 엑솔라에서 도메인이 Apple에 성공적으로 인증되었는지 여부와 관련하여 확인을 기다립니다.

결제 UI를 열기 위한 추가 구성

<iframe src="https://secure.xsolla.com/paystation4/?token=token_body&parent_domain=amazing.store.com" allow="payment""></iframe>

페이 스테이션 임베드 스크립트로 결제 UI를 여는 예시:

<script>
        const options = {
            access_token: 'PAYMENT_TOKEN',
            lightbox: {
                width: '800px',
                height: '700px',
            },
            queryParams: {
                parent_domain: 'amazing.store.com'
            }
        };
        const s = document.createElement('script');
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://cdn.xsolla.net/payments-bucket-prod/embed/1.5.0/widget.min.js";
        s.addEventListener('load', function (e) {
            XPayStationWidget.init(options);
        }, false);

        const head = document.getElementsByTagName('head')[0];
        head.appendChild(s);
</script>

제한 사항:

• 외부 브라우저의 새 탭에서 결제 UI를 열도록 토큰 요청에 settings.ui.is_independent_windows 매개 변수를 전달하면 Apple Pay를 통한 원클릭 결제를 활성화할 수 없습니다. 그러나 이 매개 변수의 전달 여부와 관계없이 새 탭에서 열면 Apple Pay를 통한 결제를 수락할 수 있습니다.
• SDK를 사용하는 경우 최신 버전을 사용해야 합니다.
• 페이 스테이션 임베드 스크립트를 사용하는 경우 버전 1.5.0 이상이어야 합니다.

Google Pay

결제 UI에 Google Pay를 통한 원클릭 결제 옵션을 추가하는 방법:

1. 결제 UI를 여는 방법에 따라 다음과 같이 추가 구성을 완료합니다:

<iframe src="https://secure.xsolla.com/paystation4/?token=token_body" allow="payment""></iframe>

2. 이 옵션을 사용하도록 설정하려면 요청을 생성합니다. 이렇게 하려면 다음과 같이 진행하십시오:

   a. 관리자 페이지에서 프로젝트를 열고 지원 허브 섹션으로 이동합니다.

   b. 요청 제출을 클릭합니다.

   

   c. 창이 열리면 입력란을 기입합니다:

   • 요약. 예를 들어, 원클릭 결제 설정.
   • 설명. 결제 UI를 여는 방법을 지정하고 원클릭 결제 옵션(Google Pay 또는 Google Pay와 Apple Pay 모두)을 표시합니다.
   • 프로젝트 ID. 드롭다운 목록에서 프로젝트 ID를 선택합니다. 여러 프로젝트에 대해 일회성 결제 옵션을 구성하려면 설명 필드에 해당 프로젝트의 ID를 지정하십시오.

   d. 전송을 클릭합니다.

3. 프로젝트에서 원클릭 결제 옵션이 성공적으로 활성화되었는지 여부와 관련하여 엑솔라의 확인을 기다립니다.

제한 사항:

• 외부 브라우저의 새 탭에서 결제 UI를 열도록 토큰 요청에 settings.ui.is_independent_windows 매개 변수를 전달하면 Apple Pay를 통한 원클릭 결제를 활성화할 수 없습니다. 그러나 이 매개 변수의 전달 여부와 관계없이 새 탭에서 열면 Apple Pay를 통한 결제를 수락할 수 있습니다.
• 페이 스테이션 임베드 스크립트를 사용하는 경우 버전 1.5.0 이상이어야 합니다.
• 게임 엔진은 팝업 창을 지원하지 않습니다. 이러한 이유로, Unity용 엑솔라 SDK(WebGL 빌드 제외) 및 언리얼 엔진을 사용할 때 Google Pay 원클릭 결제를 사용할 수 없습니다.
• 브라질 법률을 준수하기 위해 사용자는 Google Pay로 결제할 때 납세자 식별 번호(CPF)를 직접 입력해야 합니다. 이러한 이유로, 브라질에서는 Google Pay 원클릭 결제를 사용할 수 없습니다.
• Unity에서 WebGL을 빌드하는 경우 최신 SDK 버전을 사용해야 합니다.