저장된 방법으로 결제를 설정하는 방법

저장된 방법으로 결제를 설정하는 방법:

  1. 결제 UI의 HTML 마크업에 psdk-saved-methods 구성 요소를 추가하여 저장된 결제 수단 목록을 표시합니다.
:
Copy
Full screen
Small screen
1<psdk-saved-methods></psdk-saved-methods>
  1. 저장된 결제 수단 선택을 위한 이벤트 처리를 추가합니다.
:
Copy
Full screen
Small screen
1const savedMethods = document.querySelector('psdk-saved-methods');
2savedMethods?.addEventListener('savedMethodSelected', async (event) => {
3  this.showForm = true;
4});
  1. 결제 UI를 초기화합니다.
:
Copy
Full screen
Small screen
1savedMethods?.addEventListener('savedMethodSelected', async (event) => {
2  await headlessCheckout.form.init({
3    paymentWithSavedMethod: true, // Payment via saved method
4    savedMethodId: event.detail.savedMethodId,
5    paymentMethodId: event.detail.paymentMethodId,
6    returnUrl: 'returnUrl',
7  });
8});
이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.

계속 읽기

마지막 업데이트: 2025년 7월 18일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!
피드백을 보내는 중 문제가 발생했습니다
잠시 후 다시 시도하거나 doc_feedback@xsolla.com으로 연락해 주세요.