결제위젯 연동 라이브 키 오류
결제위젯 사용중에 아래와 같은 오류가 발생했습니다.
결제위젯 연동 키의 클라이언트 키로 SDK를 연동해주세요. API 개별 연동 키는 지원하지 않습니다
테스트키로 진행시에는 문제가 없었는데
라이브키를 적용하니 오류 발생 합니다.
설정상에 문제가 있는걸까요?
const clientKey = process.env.REACT_APP_TOSS_CLIENT_KEY_LIVE;
const Checkout = ({ product, selectedOption, reservationName, contactNumber, email, startDate, endDate, pid, setCurrentPage }) => {
const [amount, setAmount] = useState({ currency: "KRW", value: selectedOption.price });
const [ready, setReady] = useState(false);
const [widgets, setWidgets] = useState(null);
useEffect(() => {
async function fetchPaymentWidgets() {
const tossPayments = await loadTossPayments(clientKey);
const widgets = tossPayments.widgets({ customerKey: email || "anonymous_customer" }); // Use email as customerKey
setWidgets(widgets);
}
fetchPaymentWidgets();
}, []);

12 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
clientKey가 gck형태로들어간게 맞나요?
REACT_APP_TOSS_CLIENT_KEY_LIVE; 값 다시한번 확인해주시고
livegck 로 시작 하는 키 입니다.
맞다고 판단되실 경우 여기 전달된 이메일주소알려주세요
const widgets = tossPayments.widgets({ customerKey: email || "anonymous_customer" }); // Use email as customerKey
💡 정보 제출
민감 정보를 안전하게 제출해주세요
커스터머 키에 전달되는 이메일 주소 말슴이신가요?
이메일 주소는 고객이 입력한 이메일 항목을 넘기는거라서
커스터머키에 전달되는 내용은 단지 필수항목 채우기 위한 용도로만 사용중인데
저희 사용법이 잘못된건가요?
@이실장 커스터머키 사용용도를 저희가 잘 못 파악 한건지요?
아뇨 전달해주시면
로그보려고요
거래 구분위해 요청드렸습니다.
이메일주소 없을건데... 넣고 다시 한번 실행해볼까요?
넵 꼭 이메일 아니더라도
구분할수 잇는 값 아무거나 넣고 에러한번만 받아주세요
mid도 남겨주시고요
이메일이 anonymous_customer 로 들어갔을 겁니다.
@이실장 이메일이 anonymous_customer 로 들어갔을 겁니다.
위제 정보제출 쪽에 clientkey 공유 부탁드릴께요.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.