카카오페이 API 를 이용한 결제요청 및 결제승인 예제소스 (for javascript+php)
카카오페이 API 를 이용한 결제요청 및 결제승인 예제소스 (for javascript+php)
REDINFO
약 1년전 2023-01-07 23:47:16

이번편은 쇼핑몰에서 한번쯤 접했을 법한 카카오페이 API 방식에 대해 예제 소스를 통해 알아 보도록 하자. 

 

카카오페이는 개발자를 배려한 API이기 때문에 타 결제연동사 보다 간편하게 연동할 수 있는 장점이 있다. 개발문서도 상당히 잘 만들어져 있고 개발시 필요한 리소스도 제공되니 이를 활용하여 질 높은 서비스를 만들 수 있다. 

 

먼저 본 포스팅을 접하기전 카카오페이 개발문서를 통해 어떤 방식으로 흐르는지 이해를 하는게 중요하며 실제 테스트 가능한 예제소스도 직접 작성하여 같이 첨부하니 개발시 참고하여 진행하면 된다. 

 

| 카카오페이 개발문서

 
Kakao Developers
카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.
developers.kakao.com/

 

| 카카오페이 예제소스 

 

카카오페이 예제소스는 아래와 같이 구성이 되어있다. 

파일명 설명
kakao/pay/api [D]

카카오페이 api 통신 파일들로 구성이 되어있다. 

  • approval.php
    • 카카오페이 결제후 최종 가맹점 승인 페이지 
  • ready.php
    • 카카오페이 결제창 요청 페이지 
  • response.php
    • 사용자 액션이 있을 시 알럿창을 띄우고 보고 있던 화면으로 이동하기위한 페이지 
kakao/pay/lib [D]

카카오페이 api 통신시 필요한 프로그램 라이브러리 및 테스트용 상품정보로 구성되어있다. 

  • item.php 
    • 테스트용 아이템정보 
  • module.php
    • 카카오 api 통신시 필요한 라이브러리 함수
kakao/pay/res [D]

카카오페이에서 제공하는 버튼 리소스파일 

kakao/pay/config.php [F]

환경설정 파일 

kakao/pay/index.php [F]

구매 메인 페이지

kakao/pay/style.css [F]

구매 메인 페이지에 대한 css style

 

예제소스를 다운로드 받고 가장 먼저 설정해 주어야 할 파일은 `config.php` 파일로 기본적인 세팅이 되어있으니 아래의 예제에서 ak 값을 실제 발급된 키값으로 변경해 주어야한다. 

<?php 
	$kakaoConfig = array(
		'domain'=>'http'.($_SERVER['HTTPS'] ? 's':null).'://'.$_SERVER['HTTP_HOST'], // 사이트 도메인 URL
		'ak'=>'', // 카카오 developers > 내 애플리케이션 > 요약정보 > 앱키 > Admin 키
		'cid'=>'TC0ONETIME', // 카카오페이 가맹점 코드 (테스트:TC0ONETIME)
		'uri'=>array(
			'ready'=>'https://kapi.kakao.com//v1/payment/ready', // 결제준비 API URI
			'approve'=>'https://kapi.kakao.com//v1/payment/approve', // 결제승인 API URI
		),
	);

 

| 실행화면

 

상단의 디자인은 사실 내가 최근 제작하고 있는 게임의 구매화면을 조금 참고하여 만들으니 필요할 경우 원하는 디자인에 맞춰 수정하면된다. 

 

이 포스트글이 도움이 되었나요?
5
그룹 목록
카테고리 연관글

Comment

댓글작성

0(500) | 1(30)