저장된 방법으로 결제를 설정하는 방법
저장된 방법으로 결제를 설정하는 방법:
- 결제 UI의 HTML 마크업에
psdk-saved-methods구성 요소를 추가하여 저장된 결제 수단 목록을 표시합니다.
Copy
- html
<psdk-saved-methods></psdk-saved-methods>
- 저장된 결제 수단 선택을 위한 이벤트 처리를 추가합니다.
Copy
- typescript
const savedMethods = document.querySelector('psdk-saved-methods');
savedMethods?.addEventListener('savedMethodSelected', async (event) => {
this.showForm = true;
});
- 결제 UI를 초기화합니다.
Copy
- typescript
savedMethods?.addEventListener('savedMethodSelected', async (event) => {
await headlessCheckout.form.init({
paymentWithSavedMethod: true, // Payment via saved method
savedMethodId: event.detail.savedMethodId,
paymentMethodId: event.detail.paymentMethodId,
returnUrl: 'returnUrl',
});
});
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.계속 읽기
마지막 업데이트: 2025년 3월 5일오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.
