카카오페이 api 사용방법 질문드립니다

카카오페이를 자바스크립트 ajax를 통하여 연동하고 싶은데

테스트 해볼만한 소스가 있을까요??

네이티브 앱키
rest api키

javascript 키

admin키 다 받았습니다.

API 문서는 아래의 페이지를 참고하시면 될것 같습니다.

그리고 아래의 데모 페이지를 참고하시면 예제 코드를 확인하실 수 있습니다.

$(document).ready(function(){

$('#btn_pay').click(function(){

     Kakao.API.request({
        url: '/v1/payment/ready',
    	Authorization: 'KakaoAK {아이디값}',
    	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: 'success.jsp',
		fail_url: 'fail.jsp',
		cancel_url: 'cancel.jsp',
        success: function(res) {
          	alert('성공');
        },
        fail: function(error) {
          	alert('실패');
        }
      }); 
      
    
}); 

});

이렇게 하였을 경우

Uncaught o {name: “KakaoError”, message: “Invalid parameter keys: Authorization,cid,partner_…t,approval_url,fail_url,cancel_url at API.request”}message: "Invalid parameter keys: Authorization,cid,partner_order_id,partner_user_id,item_name,quantity,total_amount,vat_amount,tax_free_amount,approval_url,fail_url,cancel_url at API.request"name: "KakaoError"proto: Error
at https://developers.kakao.com/sdk/js/kakao.min.js:20:19264
at Object.8…/browserProxy.js (https://developers.kakao.com/sdk/js/kakao.min.js:20:21423)
at i (https://developers.kakao.com/sdk/js/kakao.min.js:20:813)
at https://developers.kakao.com/sdk/js/kakao.min.js:20:864
at https://developers.kakao.com/sdk/js/kakao.min.js:21:5723
at Object.16…/api.js (https://developers.kakao.com/sdk/js/kakao.min.js:21:6348)
at i (https://developers.kakao.com/sdk/js/kakao.min.js:20:813)
at t (https://developers.kakao.com/sdk/js/kakao.min.js:20:980)
at https://developers.kakao.com/sdk/js/kakao.min.js:20:997
at https://developers.kakao.com/sdk/js/kakao.min.js:20:531
t.processRules @ kakao.min.js:20
o.request @ kakao.min.js:20
(anonymous) @ login.html:20
dispatch @ jquery-latest.min.js:3
r.handle @ jquery-latest.min.js:3

이런 오류가 뜨는데 어떻게 해야하나요??

데이터 타입에 문제가 있는것 같습니다.
참고로 API 문서에서 보면 금액관련 데이터는 Integer 타입으로 정의 되어 있습니다.
total_amount, tax_free_amount 등의 데이터를 문자열이 아닌 숫자 타입으로 전달해보시겠어요.

안되요~~~ url 에서 오류가 나는거 같아요

o {name: “KakaoError”, message: “Illegal argument for “url” in API.request”}

이오류가 나요 선생님

결제 관련 API는 Kakao JS SDK에서는 지원하지 않는다고 합니다. ^^;;
그리고 직접 ajax 콜을 하는 경우에도 CORS 에 막혀서 호출이 불가능합니다.
따라서 서버 to 서버 연동 방식으로 구현을 하셔야 할 것 같습니다.

언제 퇴근하세요 도와주세요

어떤 도움이 필요할까요? ^^;

아 제가 에이작스를 통해서 지금 카카오페이랑 연동을 해보고싶은데
도저히 감이잡히지 않아서

어떻게 해야하는게 좋을까요???

위 댓글에서 말씀드렸듯이, 카카오 페이 API는 CORS(https://developer.mozilla.org/ko/docs/Web/HTTP/Access_control_CORS) 보안 정책으로 인하여 웹브라우저에서 AJAX 호출이 불가능하다고 합니다.
따라서 @lovebear0203 님이 개발하고 하고 있는 서비스를 제공하는 서버에서 Rest API를 호출하도록 개발 하셔야합니다.

1개의 좋아요