페이스북 크레딧 커머스 만들기

페이스북 크레딧 커머스 만들기

페이스북 크레딧 결제 구현
페이스북 크레딧 결제를 구현하기 위해서는 페이스북에서 제공하는 크레딧 API를 기반으로 애플리케이션을 구현해야 한다. 페이스북 크레딧 API는 기존 페이팔 X플랫폼의 익스프레스 체크아웃과 유사하다. 그러나 익스프레스 체크아웃이 다른 인터넷 플랫폼과 연동한 애플리케이션 구현이 가능한 반면 페이스북은 페이스북 기반의 애플리케이션에서만 연동 가능하다.

페이스북 크레딧 API는 고객들이 결제하고 주문내역을 확인할 수 있는 기본적인 기능 이외에도 기업이 지정한 이벤트에 참여하면 크레딧을 제공하는 ‘DealSpot’ , 거래정보를 친구들과 공유할 수 있는 ‘Buy With Friends’ 와 고객이 애플리케이션으로 구매한 구매정보를 활용할 수 있는 ‘Credits Graph API’ 를 제공하고 있다.

페이스북 크레딧 애플리케이션 제작
페이스북에서 크레딧을 구현하기 위해서는 API를 기반으로 사용자가 상품을 주문할 수 있는 클라이언트(Client) 측과 주문을 처리할 수 있는 서버(Server) 측을 연결할 수 있는 애플리케이션을 제작해야 한다. 아래와 같은 프로세스로 주문 및 결제가 처리되기 때문에 애플리케이션이 사용자와 페이스북간 상호작용할 수 있도록 구현해야 한다.

[페이스북 크레딧 Application 프로세스]

사용자가 화면상에서 결제를 수행할 수 있는 클라이언트 측은 사용자가 페이스북 화면에서 상품을 주문하고 주문진행 프로세스를 확인할 수 있도록 구성되어야 한다. 사용자가 상품주문을 누르면 주문정보 자바스크립트를 사용하여 페이스북에 보내지며 주문상품 확인 및 결제금액 확인도 나타나야 한다.  

고객이 주문한 정보를 페이스북 서버(Sever) 측에서 주문을 처리할 수 있도록 콜백(CallBack) 파일도 함께 만들어 주어야 한다. 콜백 파일은 고객이 상품을 주문하면 주문 아이템 확인(payments_get_items) 요청과 구매에 따른 결제상태 확인(payments_status_update) 요청을 수행하는 것이다.

페이스북 크레딧 애플리케이션 등록
페이스북 크레딧 애플리케이션을 활용하기 위해서는 페이스북에 크레딧 애플리케이션을 등록하고 연동하는 작업을 진행해야 한다. 애플리케이션 등록과 연동작업은 개발자(developers.facebook.com/apps)의 페이스북 앱메뉴 중‘크레딧(Credit)’ 에서 각 항목을 입력하면 된다.

첫 번째로 먼저 ‘회사정보’ 란에 회사를 등록해야 한다. 회사를 등록해야만 향후 결제에 따른 금액을 지불받을 수 있다. 회사가 등록되지 않은 경우 ‘Register a Company Now’메뉴를 클릭하면 회사를 등록할 수 있는 페이지로 이동한다.

[페이스북 크레딧 애플리케이션 회사 등록] 출처：developers.facebook.com/apps

다음으로 앞에서 제작한 크레딧 애플리케이션을 페이스북과 연동하기 위한 ‘콜백 URL’주소를 입력해야 한다. 콜백 URL은 사용자가 화면에서 결제를 클릭하면 서버 측에서 주문 및 결제를 처리하도록 하는 파일로서 URL의 주소를 입력하는 곳에 콜백파일의 URL을 등록하면 된다. 그리고 테스트하는 동안 과금이 되지 않도록 테스트할 수 있는 사람의 페이스북 ID도 함께지정해주면 된다.

[페이스북 크레딧 콜백 URL 등록] 출처：developers.facebook.com/apps

페이스북 크레딧은 페이스북 아이프레임 애플리케이션에서만 크레딧 API 메서드가 구현된다. 그렇기 때문에 외부 페이지에 활용할 수 없어 결제를 구현하기 위해서는 사용자가 결제할 수 있도록 별도 페이스북 애플리케이션을 제작해야 한다.

출처 : 김형택《페이스북 커머스》근간.e비즈북스