성개발 초보입니다. 토스 결제 위젯 테스트 결제 시 아래와 같은 오류가 발생하고 있습니다.
웹 서비스이고, 언어는 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>
도움 주시면 정말 감사하겠습니다 ㅠㅠ
혹시 몰라 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>
