ㄷㅇ•17mo ago

키인결제 구모듈 -> 신모듈 전환 관련 문의드립니다

현재 ActiveX기반 구모듈 사용중인데, Chrome Edge에서도 작동되도록 신모듈로 전환하고자합니다. jsp기준으로 만들 예정이며 사진과 같이 관리자 > 결제 UI설정에서 variantKey : KEYIN 으로 설정해둔 상태입니다. 공식문서대로 .html파일에
// ------ 결제위젯 렌더링 ------ paymentWidget.renderPaymentMethods( "#payment-method", { value: 15000 }, { variantKey: "KEYIN" } // 키인 결제가 추가된 결제 UI의 variantKey ) 로 작성했지만 기본UI를 그대로 가져오고있는거같은데 연동 방법이 잘못된걸까요? 혹시 구모듈에서 신모듈로 전환하는 예제코드가 존재할까요? 지금 신모듈 코드로 다시 만들고있긴한데, 헷갈리는 부분이 많아서 혹시 있는지도 문의드립니다. 현재 프로젝트(구모듈)에서는 jsp파일 하나로 전부 처리했는데 공식문서에서 제공하는 키인결제연동 파일은 html, jsp 2개 총 3개 파일을 사용하는것으로 보여서요

9 Replies

토스페이먼츠 BOT•17mo ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

today.lastday•17mo ago

구모듈과 신모듈은 응답 값 형태등이 달라서 전환 가이드를 제공하고 있지는 않습니다. 신규로 연동하는 걸로 가정하셔야해요. 일반적으로 2개 페이지로 나뉘어 있으며, index에서 결제창을 호출하고 /succes 일 경우 해당 페이지로 이동하도록 처리하고 있으며, successUrl에서 승인 API를 호출하는 구조입니다.

today.lastday•17mo ago

4단계로 세분화 되어 있는 설명인데 아래 페이지 참고부탁드려요. https://docs.tosspayments.com/guides/payment-widget/integration

결제위젯 연동하기 | 토스페이먼츠 개발자센터

토스페이먼츠 결제위젯 연동 가이드입니다. 내 상점의 주문서 페이지에 최적의 주문서 UI를 연동하세요. 결제 연동하기 가장 편리한 로우코드(Low-code) 솔루션입니다.

ㄷㅇOP•17mo ago

네 해당 페이지 보면서 신규로 개발하고있습니다. 그러면 저 위에 첫번째로 문의드린건은 어떻게 해결해야할까요? variantKey : KEYIN으로 제대로 넘어가고있는건도 확인했는데 제가 만들어둔 추가UI가 불러와지지않아서요