웹사이트 리뉴얼 - LG U+ XPay에서 결제위젯 마이그레이션, 3개 상점 연동 방법
안녕하세요. 웹사이트 전체 리뉴얼을 진행하면서 LG U+ XPay에서 결제위젯 SDK로 마이그레이션하려고 합니다.
현재 상황
* 기존 시스템: JSP + LG U+ XPay로 3개 상점(MID) 운영 중
* 상점A, 상점B, 상점C 각각 독립적인 Merchant Key 사용
* 주문번호 prefix에 따라 자동으로 해당 상점의 키 선택
* 각 상점별로 매출/정산 분리 관리
* 신규 시스템: Next.js + Spring Boot + 결제위젯 SDK
문제점
토스페이먼츠 대시보드 확인 결과:
* 결제위젯용 키: 1개만 존재 (testgck, livegck)
* API 개별 연동 키: 상점별로 여러 개 존재
기존처럼 3개 상점을 분리 운영해야 하는데, 결제위젯 키가 1개만 있어서 어떻게 해야 할지 문의드립니다.
질문
1. 결제위젯용 클라이언트 키/시크릿 키를 상점별로 3개 발급받을 수 있나요?
* LG U+ XPay처럼 각 상점마다 독립적인 위젯 키 사용이 가능한가요?
2. 결제위젯 키가 1개만 사용 가능하다면:
* customerKey만 다르게 설정해서 상점을 구분할 수 있나요?
* 토스페이먼츠 대시보드에서 상점별 매출/정산이 분리되나요?
3. 권장 방식이 무엇인가요?
* 프론트: 위젯 키 1개 + customerKey로 구분
* 백엔드: 상점별 secretKey로 API 호출
4. 이 방식이 맞는지, 아니면 다른 방법이 있는지 안내 부탁드립니다.
기술 스택
* Frontend: Next.js + @tosspayments/tosspayments-sdk
* Backend: Spring Boot + 결제 승인 API
XPay에서 결제위젯으로 마이그레이션 시 상점 분리 운영 Best Practice가 있다면 함께 안내 부탁드립니다. 감사합니다!
12 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
결제 위젯에 보면 variant 라는 개념이 있습니다.
상점관리자의 결제UI 설정메뉴에서 UI 를 생성하고 그 UI 가 사용할 MID 를 매칭하신후 사용하시면 됩니다.
아하 알겠습니다. 그거일거같긴했는데! 감사합니다. 그럼 기존 mid 를 variantkey에 맞춰서 작성해서 넘기도록 하겠습니다.
결제위젯 가이드를 참고하시기 바랍니다.
결제위젯 이해하기 | 토스페이먼츠 개발자센터
결제 UI를 주문서에 렌더링하고 결제수단 삭제・추가, UI 디자인은 노코드로 운영하세요.
그리고 XPAY 와 결제 위젯은 방식이 아예 다른 거라 신규 연동하는 개념으로 봐주셔야 합니다.
네 혹시 variant를 맞춰서 넘기면 결제 리스트에서는 동일하게 관리는 가능해지는게 맞을까요?
네 맞습니다.
감사합니다! 쉽게 해결될 것 같습니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요. 혹시 전자결제 계약 전에 결제위젯으로 브랜드페이 테스트 가능한 방법이 있을까요?
브랜드페이는 계약 후에만 테스트 가능한 점, 양해 부탁드립니다.
계약 후에 테스트 키로 테스트 가능하십니다.