결제창 생성 시 오류 문의
안녕하세요.
다름이 아니라 결제창 호출 시 오류가 발생하여 결제창이 열리지 않는 문제가 있어 문의 드립니다.
2년 전부터 사용하고 있던 모듈이구요. 작년까지는 결제관련 문제가 없었습니다.
관련 소스에 변경이 없는 상태에서 올해 열리는 컨퍼런스 관련하여 결제 테스트를 하려고 하니 결제창이 열리지 않습니다.
확인 결과 결제창 호출 시 전달하는 필수 파라미터는 정상 이었습니다.
오류 관련 스크린샷 첨부하여 보냅니다.
감사합니다.
12 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
오류 메세지는 아래와 같이 전달해드렸는데요.
{"code":"UNAUTHORIZED_KEY","message":"인증되지 않은 시크릿 키 혹은 클라이언트 키 입니다."}
결제창을 열때 사용하시는 clientkey 정보가 유효하지 않은게 아닌가 싶습니다.
client 키가 작년과 달라지지 않았고 키 정보를 변경하지 않았는데도 유효하지 않아질 수 있나요?
결제창을 호출하는 페이지의 소스코드를 전달 해주실 수 있으실까요?
키에는 문제가 없는것 같습니다
js 호출 함수
function start_tosspayment(seq) {
setting_payment_param(seq);
var clientKey = $("#pckey").val();
var tossPayments = TossPayments(clientKey);
var openUrl = $(location).attr("protocol") + "//" + $(location).attr("host");
let successUrl = openUrl + "/pay/tossSuccess.do";
let failUrl = openUrl + "/pay/tossFail.do";
/console.log("amount : ", amount);
console.log("orderId : ", orderId);
console.log("cname : ", cname);
console.log("cemail : ", cemail);
console.log("openUrl : ", openUrl + "/pay/tossSuccess.do");
console.log("openUrl : ", openUrl + "/pay/tossFail.do");/
setTimeout(function() {
tossPayments.requestPayment('카드', {
amount: amount,
orderId: orderId,
orderName: "온라인컨퍼런스", //주문명
customerName: cname, //고객실명
customerEmail: cemail,
successUrl: successUrl,
failUrl: failUrl
}).catch(function(error) {
});
}, 1000);
};
jsp 키 저장 input
<input type="hidden" id="pckey" value="${toss_clikey}" />
----------------------------------------------------------------------------
JAVA : JSP로 키값 던지는 부분
String toss_clikey = prop.getProperty("pay.toss.clikey");
model.addAttribute("toss_clikey", toss_clikey);
#pckey 의 value 값을 가져오는 부분은 어디일까요?
<input type="hidden" id="pckey" value="${toss_clikey}" />
이거라고 이해 하면 될까요?
toss_clikey 에 넣은 값의 마지막 3자는 무엇일까요?
토스 키는 proppertis 파일에 담겨있고 그 프로퍼티스 파일에서 값을 가져오는 코드가 String toss_clikey = prop.getProperty("pay.toss.clikey"); 입니다.
가져온 토스 키를 model.addAttribute("toss_clikey", toss_clikey);
소스를 이용해 모델에 담아 화면으로 전달하고
전달 받은 키를 저장하고 추후에 사용하기 위해
<input type="hidden" id="pckey" value="${toss_clikey}" />
소스를 이요합니다
이용합니다
toss_clikey에 담긴 값의 마지막 세글자는
NPG 입니다
확인이 되셨을까요?
직접 확인하시는 방법은
https://tbc.or.kr/apply/confStep2.do 에서 확인하실 수 있습니다
위에 전달주신 주문번호로 로그 확인해서, 상점 정보 확인하고
해당 상점키로 결제창을 열어보았는데요. 문제 없었습니다.
techsupport@tosspayments.com 으로, 홈페이지 소스코드 전체 전달 가능하실까요?
홈페이지에서 확인 해보겠지만, 더 확실하게 가이드 드리려면 전체를 봐야 할것 같아서요.
<script src="/resources/toss/tosspaymentsV1.js"></script>
저희 JS 파일을 저희 서버에서 참조해 주시기 바랍니다.
<script src="https://js.tosspayments.com/v1/payment"></script>
이렇게 script 를 참고해 주셔야 합니다."앗... js를 서버에서 바로 참조하니 결제창이 뜨네요...
예전에 받은 js가 구버전이어서 발생한 문제인가봅니다...
해결 되었습니다. 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.