결제위젯 연동 키 에러 관련
결제위젯 연동 키의 클라이언트 키로 SDK를 연동해주세요. API 개별 연동 키는 지원하지 않습니다.
-> 해당 에러가 페이지에 계속 뜨면서 결제위젯이 안 뜹니다
환경변수에 위젯 키로 넣어져 있습니다
아래는 현재 개발 관련 코드입니다.
——
import { loadTossPayments, ANONYMOUS } from '@tosspayments/tosspayments-sdk';
const TOSS_CLIENT_KEY = import.meta.env.VITE_TOSS_CLIENT_KEY;
// SDK 초기화
const tossPayments = await loadTossPayments(TOSS_CLIENT_KEY);
// 결제위젯 초기화 (비회원 모드)
const widgets = tossPayments.widgets({
customerKey: ANONYMOUS
});
// 금액 설정
await widgets.setAmount({
currency: 'KRW',
value: 49000, // 예시
});
// UI 렌더링
await widgets.renderPaymentMethods({
selector: '#payment-method',
variantKey: 'DEFAULT'
});
await widgets.renderAgreement({
selector: '#agreement',
variantKey: 'AGREEMENT'
});
// 결제 요청
await widgets.requestPayment({
orderId: 'ORDER_123',
orderName: '상품명',
successUrl: 'https://nestory.co.kr/payment/success',
failUrl: 'https://nestory.co.kr/payment/fail',
customerEmail: 'test@example.com',
customerName: '홍길동'
});
5 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(문제가 발생한 이미지나 전체 결제흐름 동영상을 첨부해주시면 빠른 분석을 받으실 수 있습니다.)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
코드상에서 import.meta.env.VITE_TOSS_CLIENT_KEY 가 뭘로 되어 있는지 확인해 보세요.
test_gck 로 사직하는 키여야 합니다.
live_gck로 되어있습니다
💡 정보 제출
민감 정보를 안전하게 제출해주세요
이폼에 사용하신 키를 공유해주세요.