결제위젯 재 렌더링 방법 문의드립니다.
asp.net core 8.0 razor pages로 개발중이며
결제위젯을 사용하는 View에서 input 값등이 변경되는 경우
부분 view 재 렌더링이 이루어 지고 있습니다.
문제는, 해당 html이 변경되면 결제위젯 ui가 재 렌더링 되지 않는 문제가 있어 문의드립니다.
결제 ui를 리로딩 하는 방법이 없는지요. 해당 웹페이지 특성상 페이지 전체를 reload할 수는 없는 상황입니다.
9 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
해당 html 이라고 하시는게 위젯이 렌더링된 html 인가요?
렌더링된 html 맞습니다. 첨부된 이미지에 버튼 클릭시 서버로 fetch로 변경값이 전송되고 해당 이미지의 html이 재 렌더링되어서 넘어오고 있습니다. 이때에 결제위젯 script도 다시 넘어오게 됩니다.
금액 변경 때문에 그러시는 걸까요?
이 경우 updateAmount()로 금액 변경 가능합니다.
https://docs.tosspayments.com/reference/widget-sdk#updateamount%EA%B2%B0%EC%A0%9C-%EA%B8%88%EC%95%A1
위에 보내주신 스크린샷은 결제 위젯을 사용할 때 없어도되는 라디오 버튼인데요. 이렇게 구성하시는 이유가 있을까요?
위젯 ui가 재 렌더링이 안되었을 때 어떤 문제가 있는지 자세한 설명 부탁드립니다.
결제위젯 JavaScript SDK | 토스페이먼츠 개발자센터
결제위젯 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
사용하는 웹 프레임워크 구조상 특정 값이 변경되면 해당 화면의 조각만 서버로 부터 다시 받아 부분적으로 reload됩니다. 헌데, 결제위젯이 들어가는 부분이 같이 reload됩니다. 즉, script가 서버에서 다시 받아지게 됩니다. 음, 고민 좀 해봐야 겠네요.
정확히 어떤 방식인지는 모르겠습니다만 reload 되지 않는 부분에 위젯을 렌더링하시고 reload 한후에 updateAmount 를 하시면 될것 같아요.
네. 안그래도 지금 그렇게 테스트중입니다. ^^ 아니면 별도의 결제화면으로 처리하던지 해야겠습니다.
답변 감사드립니다.
네 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.