결제 UI 열기
결제 UI를 열 수 있는 세 가지 방법:
- 페이 스테이션 임베드 스크립트 사용
- Iframe
- 새 창
Note:
샌드박스 모드에서 결제 UI를 열려면 다음 URL을 사용합니다 https://sandbox-secure.xsolla.com/.
Pay Station Embed
Pay Station Embed 스크립트가 장치 유형을 결정하고 라이트박스(데스크톱 화면) 또는 새 창(모바일 및 태블릿 화면)에서 결제 UI를 엽니다. 비동기 스크립트 로딩 기능을 사용하는 것이 좋습니다.
API 참조
스크립트 초기화 매개 변수 전체 목록을 봅니다.
예시: 동기화 스크립트 로딩
- html
<script>
var options = {
access_token: 'ACCESS_TOKEN', //TODO use access token, received on previous step
sandbox: true //TODO please do not forget to remove this setting when going live
};
var s = document.createElement('script');
s.type = "text/javascript";
s.async = true;
s.src = "https://static.xsolla.com/embed/paystation/1.0.7/widget.min.js";
s.addEventListener('load', function (e) {
XPayStationWidget.init(options);
}, false);
var head = document.getElementsByTagName('head')[0];
head.appendChild(s);
</script>
<button data-xpaystation-widget-open>Buy Credits</button>
페이 스테이션 임베드는 postMessage를 통해 결제 UI에서 이벤트를 받도록 해줍니다. 이러한 이벤트를 분석 시스템으로 보낼 수 있습니다. 분석 시스템에 이벤트 처리 기능을 설정하려면, 계정 관리자에게 연락하거나 am@xsolla.com로 메일을 보내 주세요.
Iframe
직접 다음 메커니즘을 구현해야 합니다.
- 장치 유형(데스크톱 또는 모바일)을 확인하고 장치 유형을 토큰의 settings.ui.version 매개 변수 내에서 전송합니다.
- postMessage를 통해 결제 UI로부터 이벤트를 수신합니다. 이러한 이벤트를 분석 시스템으로 전송할 수 있습니다. 분석 시스템에서 이벤트 처리를 설정하려면 계정 관리자에게 문의하거나 am@xsolla.com으로 메일을 보내 주세요.
Iframe에서 결제 UI를 열려면 다음 링크를 사용합니다. https://secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN, 여기에서 ACCESS_TOKEN은 이전 단계에서 입수한 토큰입니다. 테스트 목적으로 다음 URL을 사용합니다. https://sandbox-secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN
새 창
새 창에서 결제 UI를 열려면 다음 링크를 사용합니다. https://secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN, 여기에서 ACCESS_TOKEN은 이전 단계에서 입수한 토큰입니다. 테스트 목적으로 다음 URL을 사용하십시오. https://sandbox-secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN.
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.