개발 초보입니다. 토스 결제 위젯 테스트 결제 시 아래와 같은 오류가 발생하고 있습니다.
웹 서비스이고, 언어는 java script를 사용하고 있습니다.
도움 주시면 정말 감사하겠습니다 ㅠㅠ
혹시 몰라 script 코드도 보냅니다.
(홈페이지에서 버튼 클릭 시 결제 위젯이 나오는 코드)
<script>
const clientKey = 'test_clinet key;
const paymentWidget = PaymentWidget(clientKey, PaymentWidget.ANONYMOUS);
paymentWidget.renderPaymentMethods('#payment-method', 15000);
const payButton = document.querySelector('#pay-button');
payButton.addEventListener('click', async () => {
try {
const payment = await paymentWidget.requestPayment({
orderId: 'AD8aZDpbdfs4EQa-UkIX6',
orderName: '상품명',
successUrl: 'http://localhost:8080/success',
failUrl: 'http://localhost:8080/fail',
});
console.log(payment);
// 여기서 paymentKey 등의 정보를 활용해 결제 승인 요청을 보낼 수 있습니다.
} catch (error) {
console.error(error);
// 에러 처리 로직을 작성합니다.
}
});
</script>
4 Replies
3/12 이후에 결제 연동을 해보신 분들을 찾습니다!🔎
제품 발전을 위해 설문에 참여해주세요! 추첨을 통해 선물을 드립니다. (1분 소요)
사용하시는 상점이 위젯 사용 설정이 안되어 있네요. 테스트는 아래 테스트 상점키로 진행해보실 수 있어요.
토스페이먼츠 결제연동팀
계약 전 결제위젯 테스트 안내
현재 결제위젯은 계약이 완료된 이후에 사용이 가능합니다. 계약 이전에는 아래 Key를 이용해 테스트 가능합니다.
admin은 아래 링크에서 체험해 보실 수 있어요! (위 apiKey와 연동되지 않습니다)
https://consumer.tosspayments.com/ex/payment-widget?device=MOBILE
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.