브랜드페이 SDK 약관동의 관련 질문입니다.
안녕하세요.
브랜드페이 SDK를 사용해서 카드 등록 위젯을 활용하고 API로 자동결제를 구축하는중인데요.
혹시 약관 동의 부분을 체크했는지 여부에 따라 결제 버튼을 활성화 비활성화 하려고 합니다.
브랜드페이 연동하기 페이지에는 이용약관 UI 랜더링만 나와있고, SDK 문서에 있는 agreementWidget.on()은 어디서 구현하는지 잘 모르겠는데 예시가 있을까요?
9 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
토스페이먼츠 JavaScript SDK | 토스페이먼츠 개발자센터
토스페이먼츠 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
해당 문서 참고하세요
해당 문서에서 agreementWidget.on() 은 확인했는데요
현재 브랜드페이 연동하기 페이지에 있는 예제 내용에 따라 구현중입니다.
https://docs.tosspayments.com/guides/v2/payment-widget/integration-brandpay
이 페이지에 예제 중 저 agreementWidget.on()의 구현 위치가 Promise.all 내부가 아닌가요?
브랜드페이 연동하기 | 토스페이먼츠 개발자센터
결제위젯으로 편리하게 브랜드페이를 연동하세요. 브랜드페이는 자체 간편결제 시스템을 구축하는 결제 서비스예요.
이런 식으로 하시면 됩니다.
await Promise.all([
// ------ 결제 UI 렌더링 ------
widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "DEFAULT",
}),
// ------ 이용약관 UI 렌더링 ------
widgets.renderAgreement({ selector: "#agreement", variantKey: "AGREEMENT" }).then(result => {
agreementWidget = result;
}),
]);
agreementWidget.on('agreementStatusChange', agreementStatus => {
if (agreementStatus.agreedRequiredTerms) {
// 결제 버튼 활성화
console.log("약관선택");
} else {
// 결제 버튼 비활성화
console.log("약관미선택");
}
});
그런데 문의 주신 내용은 브랜드페이 자동결제 약관 관련 내용인데요.
이 경우에는 API를 이용해 확인할 수 있습니다.
https://docs.tosspayments.com/reference/brandpay#%EB%AF%B8%EB%8F%99%EC%9D%98-%EC%95%BD%EA%B4%80-%EC%A1%B0%ED%9A%8C
브랜드페이 API | 토스페이먼츠 개발자센터
브랜드페이에서 제공하는 API 엔드포인트(Endpoint)와 객체 정보, 파라미터, 요청 및 응답 예제를 살펴보세요.
scope의 BILLING을 체크하시면 됩니다.
@today.lastday 답변감사합니다 !
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.