아임포트(포트원)로 PG 결제 테스트 도입하기 1) 기본 설정

Spring Boot + React 환경에서 PG 결제를 도입하기 위해 포트원을 이용하기로 했다.

포트원은 각종 PG사와의 연동이 가능한 API를 제공하는 서비스이다. 기존 이름은 아임포트였지만 개명한듯.

 

아래는 적용을 위한 절차이다.

https://developers.portone.io/docs/ko/ready/readme

 

1) 회원가입

2) PG사 정보 설정

좌측 메뉴 바의 결제 연동 -> 결제대행사 설정 및 추가 에서 테스트로 설정 후 원하는 PG사를 선택.

나는 KG이니시스를 도입하기로 했다.

 

3) 가맹점 식별 코드 조회

좌측 메뉴 바에서 스크롤을 내려 상점-계정 관리 -> 내 식별코드를 눌러 발급된 코드를 조회한다.

 

4) 프론트의 index.html에 라이브러리 추가

      <!-- jQuery -->
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
      <!-- iamport.payment.js -->
      <script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-1.1.7.js"></script>

리액트 프로젝트의 public - index.html 에 위 코드를 추가한다.