자바스크립트로 카카오 페이 연동 테스트

var settings = {
“async”: true,
“crossDomain”: true,
“url”: “https://kapi.kakao.com/v1/payment/ready”,
“method”: “POST”,
“headers”: {
“authorization”: “KakaoAK ***************************”,
“content-type”: “application/x-www-form-urlencoded”,
“cache-control”: “no-cache”,
},
“data”: {
“cid”: “TC0ONETIME”,
“partner_order_id”: “partner_order_id”,
“partner_user_id”: “partner_user_id”,
“item_name”: “라이언빵”,
“quantity”: “1”,
“total_amount”: “1000”,
“vat_amount”: “200”,
“tax_free_amount”: “0”,
“approval_url”: “http://localhost/good”,
“fail_url”: “https://localhost/fail”,
“cancel_url”: “https://localhost/cancel
}
}
$(".money").click(function() {
$.ajax(settings).done(function (response) {
console.log(response);
});
});

.jsp파일에서 ajax를 이용하여 테스트 연동을 하려고 하는데 아래와같은 에러가 뜹니다…

뭐가잘못된걸까요… localhost때문인가 싶어서 다른아이피로 테스트도 해봤는데 안됩니다

브라우저에서 도메인이 다른 서버로의 요청을 차단하기 때문에 발생하는 문제입니다.

카카오페이 API는 server to server로 호출해서 사용하셔야 합니다.

1개의 좋아요

감사합니다

그럼 혹시 spring을 사용하여 kakao server로 호출을 어떤방식으로 하여야하나요

Java로 호출하는 방법은 아래 내용을 참고하시면 됩니다. :grinning:

https://devtalk.kakao.com/t/java-rest-api/14543

특정 프레임워크에 대한 자세한 사용 가이드는 드리기 어려운 점 양해부탁드립니다.
(잠시 찾아보니 스프링 프레임워크에는 RestTemplate 클래스가 있네요.)

1개의 좋아요

RestTemplate로 해결했습니다.

감사합니다 ㅠㅠ