결제위젯 설치관련 문의 입니다.
리액트 프로젝트에 토스 결제위젯 설치중에 문의 드립니다.
저희는 개발업체라서 토스개발자센터에 결제위젯 연동키를 아직 신청하지 않았고
저희 의뢰업체어서 별도로 토스 계약중인 상태에서 개발에 착수 한 상황입니다.
급한대로
토스 매니저분께서 전달해주신 키(test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm, test_gsk_docs_OaPz8L5KdmQXkzRz3y47BMw6)로
시도를 했더니 테스트 API키가 문제 인건지 자꾸 에러가 나서 실행이 되지 않습니다.
질문1) 위 2개 키가 결제위젯 연동 키가 맞는지.
질문2) 아니라면 결제위젯 키는 이용신청 해야만 얻을 수 있는건지.
질문3) 개발용 키 별도로 있는지.
답변 가능하실까요?
17 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
1. 키 맞습니다. 개발문서에서 안내되고 있는 값이에요 https://docs.tosspayments.com/guides/v2/payment-widget/integration
2. 상점관리자의 위젯 UI 를 수정하는 경우에는 계약 후 사용가능합니다.
3. 갖고계신 키가 개발용키입니다
연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠의 간편한 결제 연동 과정을 한눈에 볼 수 있습니다. 각 단계별 설명과 함께 달라지는 UI와 코드를 확인해보세요.
오류는 다른 원인으로 발생한것으로 보이구요
결제창 생성시에 전달주신 orderId 값 전달해주시면 로그를 확인해볼게요
orderid : ORDER_133806 입니다.
해당 값으로 통신이 발생하지 않았습니다.
에러는 어떻게 받으셨어요?
COMMON_ERROR 이면 보내셨던 request body 전부 전달주세요
잘 안되시면 여기보시면서 단계적으로 하나씩 해보시길 권장드려요
https://docs.tosspayments.com/guides/payment-widget/integration
연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠의 간편한 결제 연동 과정을 한눈에 볼 수 있습니다. 각 단계별 설명과 함께 달라지는 UI와 코드를 확인해보세요.
결제위젯 UI 띄우기는 성공했고, 결제하기 버튼 클릭시 에러발생인데요
Uncaught (in promise) SDKBridgeError: Bridge의 응답이 없습니다.
이 경우는 리액트 cors 문제라고 보면 될까요?
개발하시는 환경에서 jsSDK 는 정상 호출되실까요?
vite react 로컬에서 개발중이고 install 했습니다.
import { loadPaymentWidget } from "@tosspayments/payment-widget-sdk";
console.log("TossPayments:", loadPaymentWidget);
결과:
TossPayments: ƒ loadPaymentWidget(clientKey, customerKey, options) {
var loadOptions = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
var _loadOptions$src = loadOptions.src, src = _loadOpti…
Uncaught (in promise) SDKBridgeError: Bridge의 응답이 없습니다. 라면 뭔가 통신 이슈일겁니다.
이게 확인해보니 ...
error 상황이 발생될때
예를들어.. 전화번호 입력안되있거나 할부선택 안되어잇거나 했을때
그 시점 이후에 동일하게
Uncaught (in promise) SDKBridgeError: Bridge 연결이 끊겼습니다.
콘솔에러가 뜨면서 <div id="payment-widget" /> 이 부분이 화면에서 사라지는 현상입니다.
네 해당 상황에서 저희내부 API 호출이 발생하는것 같은데요.
내부망에 일반적인 인터넷 통신이 차단되어 있는지 확인부탁드립니다.
별도로 통신 차단 시키거나 하지는 않았습니다.
위 에러가 이전에 알려지지 않은 에러인가요?
네 보통 해당 케이스는 고객 브라우저에서 저희 서버로 정상 통신이 안될때 발생합니다.
v1으로 하고있었는데 v2로 변경하면 해당 에러 없어질 수도 있나요?
버전이슈는 아닐겁니다. 통신이 안되는 거라서요.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.