20 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
결제위젯키는 결제 위젯 제품 연동시 사용하는 것이고, API 개발연동키는 각제품(결제창별)로 연동할 때 사용하는 것입니다.
연동하려는 제품이 어떤 것일까요?
먼저 아래 내용을 가볍게 읽어보시는게 좋을 것 같습니다.
https://docs.tosspayments.com/guides/v2/get-started
시작하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제 연동하는 클라이언트, 서버 개발자가 꼭 읽어야할 문서를 추천해드려요. 빠르게 개발을 시작해보세요.
결제 위젯 연동할때 라이브 클라이언트키만 있으면 되는거 아닌가요?
라이브 클라이언트키로 연결하니 에러가 납니다
결제위젯 연동키 : 결제위젯 제품을 연동할 때 사용하는 Key의 모음
API 개별연동키 : 결제위젯 외의 제품을 연동할 때 사용하는 Key의 모음
결제위젯 연동키, API 개별연동키 모두 각각 Client Key와 Secret Key로 구성됨.
Client Key는 Browser에 노출되는, Frontend 단에서만 이용
successUrl 페이지로 이동된 뒤 Backend에서 결제 승인 단계를 거치는데,
이 Backend <--> Toss 사이 통신 과정에서는 Secret Key만 이용
결제위젯 연동키는 사업자번호 별로 고유하므로,
여러 상점 ID (MID)를 가지고 있을 경우 결제UI 설정 페이지에서 정확한 MID 찾아 매칭해줘야 합니다.
api 개별 연동키가 mid별로 다르고, 결제위젯 연동키가 하나만 있는거 아닌가요?
네 그 말이 이 말입니다.
지금 보고 계신 오류가 어떤 오류에요?
variantKey 에 해당하는 위젯을 찾을 수 없습니다. variantKey 값을 다시 확인해주세요.
at https://js.tosspayments.com/v2/standard:7:518986
at Object.with (https://js.tosspayments.com/v2/standard:7:396910)
at Proxy.<anonymous> (https://js.tosspayments.com/v2/standard:7:518940)
at f (https://js.tosspayments.com/v2/standard:7:41901)
at Generator.<anonymous> (https://js.tosspayments.com/v2/standard:7:43216)
at Generator.throw (https://js.tosspayments.com/v2/standard:7:42311)
at r (https://js.tosspayments.com/v2/standard:7:950)
at u (https://js.tosspayments.com/v2/standard:7:1189)
variantKey 는 어떤걸 보내셨나요?
const clientKey = 'test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm';
const tossPayments = window.TossPayments(clientKey);
위 코드는 테스트용 clientKey이고, 실제로는 라이브용 clinetKey를 넣었습니다
variantKey요
clientKey말고
await widgets.renderPaymentMethods({
selector: '#payment-method',
variantKey: 'DEFAULT',
});
await widgets.renderAgreement({
selector: '#agreement',
variantKey: 'AGREEMENT',
});
지금 사용하시는 MID 알려주세요.
거기에 있는 라이브용 clientkey 를 사용하신거죠?
qblack7Ico 입니다. 결제위젯 연동키에서 라이브 clientKey 사용했습니다
중간에 I 가 아니라 l 이신거죠/
지금다시 해보세요.
무슨 사유인지는 모르겠습니다만, 기본 위젯이 설정이 안되어 있어서 생성해 드렸습니다.
어 이제 되네요
단건 결제 같은 경우에는 결제위젯의 클라이언트키랑 시크릿키만 사용하면 되고, 해외결제랑 빌링결제는 API 개별 연동키의 클라이언트키랑 시크릿키를 이용하면 되는걸로 이해했는데 맞나요?
해외결제도 위젯으로 연동하시는거면 위젯키 쓰시면 되구요.
단독으로 연동하시는거면 API 개별 연동키의 클라이언트키랑 시크릿키를 이용하시면 됩니다.
빌링은 위젯에서 지원안하므로 개별 연동키 사용하시면 되구요.
넵, 감사합니다
API 개별 연동 키의 보안키는 어디에 사용하는걸까요?
결제창 직접호출할 때랑
지급대행 할때 사용합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.