[TIL] PortOne 결제 시스템

PortOne이란? [PortOne] === 아임포트(https://portone.io/korea/ko)

• 결제시스템 연동해주는 서비스

  사용법

  1. PortOne 서비스에 가입

  2. 사이드바에 콘솔 가이드 보기를 클릭

     

  3. 인증 결제 연동하기 - 포트원 라이브러리 추가 클릭

     

  4. HTML 파일 header 부분에 붙여넣기

     

  5. 인증 결제 연동하기 - 객체 초기화하기

     

     결제 페이지를 만드는 코드이다.

  6. 결제할 HTML 파일에 script을 이용한다.

script
IMP.init("고객사 식별코드"); // 예: 'imp00000000a'
/script
고객사 식별코드: 포트원 관리자 콘솔 - 결제 연동 - 식별 코드 - 고객사 식별코드를 넣어주면 된다.

7. 인증 결제 연동하기 - 결제 요청하기

   

   함수를 호출하면서 요청된다.

8. 테스트 할 pg사를 선택한다.

   

9. pg사의 provider과 MID를 이용해 함수를 작성한다.

   <script>
     IMP.init("고객사 식별코드"); // 예: imp00000000a
   
     function requestPay() {
         IMP.request_pay({
             pg: "(PG사의 PROVIDER).(PG사의 ID)",
             pay_method: "card",
             merchant_uid: "ORD2018012321-00003011", // 주문번호
             name: "노르웨이 회전 의자",
             amount: 100, // 숫자 타입
             buyer_email: "gildong@gmail.com",
             buyer_name: "홍길동",
             buyer_tel: "010-4242-4242",
             buyer_addr: "서울특별시 강남구 신사동",
             buyer_postcode: "01181"
         }, function(rsp) { // callback
             if (rsp.success) {
                 // 결제 성공 시 로직
                 fetch('/cart/complete-order')
                     .then(res => {
                         location.reload();
                     })
                     .catch(err => {
                         console.error(err);
                     })
             } else {
                 // 결제 실패 시 로직
                 console.log('실패', rsp);
             }
         });
     }
   </script>

10. 결제버튼에 함수를 실행하면된다.