결제UI 브랜드페이 선택 불가
iboss / cp_iboss 두 mid 를 이용해 브랜드페이를 이용하고 있습니다. 결제 UI 메뉴에서 UI 추가가 안되는데 어떻게 해결할 수 있을지 문의드립니다.
53 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
확인 후 답변 드릴게요!
지금 다시 확인 부탁 드립니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
확인되었습니다! 빠른 조치 감사드립니다 🙂
@토스페이먼츠 결제연동팀
혹시, 기존 개발된 브랜드페이로 등록한 카드/계좌 정보는 결제UI 에서 호출하는 브랜드페이에서는 확인할 수 없는 것인가요? 기존 등록한 카드/계좌 정보가 보이지 않아서 문의드립니다.
동일 MID 로, 동일 customerKey 로 확인 하였는데 확인되지 않는다는 말씀 이실까요?
기존에도 cp_iboss 쓰셨고, cp_iboss 에서 사용하던 동일 customerKey로 렌더링 하셨나요?
네 맞습니다. cp_iboss MID에서 API 개별 연동 키의 클라이언트/시크릿 키를 이용하고 있습니다. 결제 UI 설정에서 브랜드페이가 추가되어 동일한 사용자 키로 확인해보니, 기존 사용자가 등록한 카드/계좌 정보가 없는 상태로 보입니다.
사용한 ㅊcustomerKey알려주세요
4D98E12140109825B1AB0764BDEB76DA 입니다.
지금 4D98E12140109825B1AB0764BDEB76DA 이사용자 결제수단 조회하시면 리스트가 안보이시는 건가요?
@parkjiwon4895
안보이는 화면 스크린샷과,
브라우저 콘솔에 보여지는 에러가 있으신지 확인 부탁 드립니다.
등록된 결제수단 리스트를 API로 조회하면 리스트가 나오는데, 결제UI 사용한 브랜드페이에서 결제리스트를 봤을땐 등록된 결제수단이 없는 것으로 보입니다. 스크린샷도 함께 첨부하겠습니다.
넵, 브라우저 콘솔 에러도 혹시 확인된다면, 이 부분도 첨부 부탁 드립니다.
해당 스크린샷은 저희가 api로 등록된 결제수단을 받아와서 그린 사진이고
해당 내용은 브랜드페이로 불러왔을때입니다.
콘솔쪽이나 네트워크쪽 에러가 있는지 볼수 있을까요?
따로 에러가 표시되진 않는데, 어느 부분을 보여드려야할지 모르겠습니다.
그럼 위젯 렌더링 부분 프론트엔드 쪽 코드부터 하나씩 보겠습니다.
1) 현재 cp_iboss 에 해당되는 결제위젯 UI 렌더링 한 상태인지
2) 라이브 결제위젯 키로 이용한 상태 인지
3) customerKey 는 API 호출 시와 동일한 customerKey 사용한 상태인지
4) 리다이렉트 URL 은 access token 발급 되는것 구현 되어 있는지
만약 위 내용이 전부 맞다, 라고 한다면
저희가 리다이렉트URL 등록해서 저희쪽에서 한번 렌더링 해보고, 해당 customerKey 로 수단 불러와 지는지 확인 해보고 싶습니다.
해당 화면 콘솔에서 ifram 주소를 확인하니 get값에 client-key 값에 결제위젯 연동 키가 들어가있습니다.
https://payment-widget.tosspayments.com/payment-methods?client-key=결제연동테스트키
입니다. 해당 내용이 말씀하신 1번 . cp_iboss 에 해당되는 결제위젯 UI 렌더링 한 상태가 아닌걸까요?
한 단계식 확인 해보고, 어느 단계에서의 문제인 건지 파악하기 위함입니다.
라이브결제위젯키, cp_iboss 브랜드페이 추가된 UI 렌더링, 렌더링 시 customerKey
이 세가지 우선 확인 해 주시겠어요?
세가지 확인 되었다면
그 다음은, 리다이렉트 URL 설정으로 넘어가겠습니다.
라이브결제위젯키 : "live_ck_dP9BRQmyarYjxWMWayv8J07KzLNk"
customerKey: "4D98E12140109825B1AB0764BDEB76DA"
UI 랜더링은 어떤걸 보내면 될까요
라이브 결제위젯키는 live_gck 로 시작되는 키 여야 합니다.
UI 렌더링은, variantKey 부분 인데, UI 는 default 하나만 있으신것 같으니 이 부분은 그냥 무시해주시면 됩니다.
이런식으로 프론트에서
customerKey 명시하고, clientKey 명시하고
객체 초기화 하면서, brandpay redirectUrl 설정하고 있으실텐데요
이 부분 알려주시면 됩니다.
라이브 결제키를 API 개별연동키 (상단에 보낸 live_ck) 가아닌
결제위젯연동키 live_gck_Ba5PzR0ArnXEdAqEERpk3vmYnNeD 로 바꿀시 , 404오류가 납니다.
프론트 쪽 설정, 객체 초기화 부분을 스크린샷으로 찍어서 보내주실 수 있으실까요?
저는 동일 결제위젯연동키로 문제없이 렌더링이 되고 있습니다.
이 부분 정리되면, 그 다음 단계로 넘어 가겠습니다.
객체가 paymentWidget 이 아니고 brandpay 인데요
<script src="https://js.tosspayments.com/v1/payment-widget"></script>
이 스크립트를 이용 했다면
var paymentWidget = PaymentWidget(clientKey, customerKey, {
brandpay: {
redirectUrl: window.location.origin + '/function/gettokenlive'
}
});
이런 방식으로 객체 초기화가 되어야 하는데
지금 보내주신것을 보면 Brandpay 로 객체 초기화가 되고 있습니다.
기존에 이용하셨던 브랜드페이를
결제위젯 - 브랜드페이로 이관 하시는 것으로 이해하고 있는데
지금 보내주신 스크린샷을 보면,
브랜드페이 소스 부분이 아직 남아 있습니다.
해당내용 내부적으로 확인 다시하고 추후에 다시 말씀드리겠습니다 !
안녕하세요 아이보스 개발팀입니다.
현재 저희가 API 개별 연동 키를 사용했을 때 이미 등록된 카드 및 계좌 정보를
확인 할 수 있는데 (이미지1번)
결제위젯 연동 키로 전환 시 API 개별 연동 키에 등록된 카드 및 계좌 정보를
불러오지 못합니다 (이미지2번)
혹시 API 개별 연동 키에 등록된 카드 및 계좌 정보를 결제위젯 연동 키에서도 사용할 방법이 있을까요?
사용하신 개별연동키와
결제위젯 연동키,
그리고 customerKey 전달 주시겠어요?
💡 정보 제출
민감 정보를 안전하게 제출해주세요
정보제출 버튼 클릭해서 전달 주시면 됩니다.
시크릿키도 보내야하나요??
클라이언트키만 보내주셔도 되기는 하는데,
access token API 호출시 사용한 시크릿키도 보내주시면 좋고요
보냈습니다
저희가 테스트를 위해서 리다이렉트URL 에 저희것 추가해서 테스트 해볼 수 있을까요?
개발자센터 - 브랜드페이 - 리다이렉트URL 추가 부분 입니다.
@김성연 님 혹시 AccessToken 발급은 어떤 키로 하시나요?
url 알려주시면 추가하겠습니다!
test_gck_pP2YxJ4K8792qJo9yDd0VRGZwXLO 해당 키로 발급합니다
@유부장 @냥과장 어떻게 진행되는지 알수있을까요
내부 확인 중 입니다.
전달주신 정보로 로그 확인해서 로그 기반으로 내부 확인 중 이니,
시간 양해 부탁 드려요.
@김성연님 아래내용 확인부탁드립니다.
지금 문제되는 2가지 방식이 연동은 동일하게 하셨는데 키만 변경하신건가요?
아니면 개별연동키는 브랜드페이 SDK 로 위젯키는 결제위젯 SDK 로 연동하신건가요?
확인해 보니 보내주신 화면의 왼쪽과 오른쪽 UI 가 다르게 표시 되는 것 같아서요
연동은 동일하게 하고 키만 변경한겁니다!
왼쪽은 api로 카드&계좌 정보를 받아와서 화면을 따로 퍼블리싱한 화면이고,
오른쪽은 결제 위젯 연결키로 전환 시 화면입니다
왼쪽은 하나하나 직접 만으신 화면이고
오른쪽도 하나하나 만드신 화면 그대로인에 위젯키를 쓰신건가요?
오른쪽 화면 구성하신 UI 코드를 좀 공유해주실수 있을까요?
구성한 UI 코드라는게 퍼블리싱된 코드를 말씀하신걸까요
네 위젯을 쓰셨다면 위젯 렌더링하시는 코드말씀드리는겁니다.
결제 위젯 연동키를 사용 시 카드&계좌 등록에는 문제가 없습니다.
저희가 궁금한 내용은 기존 cp_iboss 개별 연동키에 등록된 고객들의 카드&계좌를
결제 위젯 연동키 브랜드페이에 그대로 이전이 가능한지가 궁금합니다.
네 그럼 보내주신 코드는 결제위젯 연동키를 이용해서 구현하신게 맞으신거죠?
그리고 메일로 문의 드렸었는데 저희가 redirectURL 저희 서버로 설정해서 재현해봐도 될까요?
넵
테스트 키로 하고 계신거죠?
마지막 테스트는 라이브키로 했습니다
제가 라이브키로 확인해 보면
결제위젯에서 정상적으로 보이고
cp_iboss 키로 API 호출하면 동일 결제수단이 응답됩니다.
라이브에서 4D98E12140109825B1AB0764BDEB76DA 이사용자는 신한카드 하나, 신한계좌 하나 등록하신것 아닌가요?
죄송합니다.
테스트하다가 해당 커스터머키를 쓰는 계정대신
3D248FBC1E161697E3317D352D15AF2E 해당 키로 수정됐는데 다시 봐주실수 있을까요?
해당 계정 API 개별 연동 키에는 토스계좌 1개 신한카드 1개가 존재합니다
이렇게 2개가 결제위젯에서 정상적으로 표시 됩니다.
