JavaScript/Next.js

Next.js 결제모듈 연동 - 포트원(구 아임포트) (1)

크런키스틱 2023. 6. 19. 11:42
728x90

이번 포스트에서는 프로젝트에 연동했던 결제모듈 아임포트(Iamport)에 대해 정리한다.

 

1. 포트원(아임포트)

PG(Payment Gateway)란?
온라인에서 상품이나 서비스를 결제할 때 우리가 알고 있는 다양한 수단으로 결제 가능하게끔 지원하는 서비스

결제 서비스를 위한 PG사는 이니시스, 다날, 카카오페이, 네이버페이 등 다양한 업체들이 존재하는데, 포트원을 사용하면 PG사 변경에 따른 추가 개발이 필요하지 않아 편리하다. 다만, 포트원은 PG사를 연결해주는 것일 뿐이므로, PG사 심사는 별개로 진행된다.

경험상으로는 1~2주가 소요되었으며, 실제 사용을 위한 필요사항들(ex. 결제약관 등)을 피드백해주며 심사가 진행된다.

 

2. 포트원 가입

https://admin.portone.io/auth/signin

 

포트원 관리자콘솔

단 하나의 솔루션, 결제, 그 이상의 경험

admin.portone.io

해당 홈페이지로 이동하여 회원가입을 진행한다.

 

3. 포트원 PG정보 설정

포트원 회원가입이 완료되었으면, 관리자 페이지 내 결제연동 -> 테스트 연동 관리 탭에서 PG사를 선택한다.

포트원 공식 문서

4. 연동정보 확인

위 사항이 완료되면, 결제창 연동 및 API 호출 시 필요한 연동정보들을 확인할 수 있다.

포트원 공식문서
포트원 공식문서

  • 가맹점 식별코드
    • 계정당 부여되는 고유값
    • 결제창 호출 시 객체 초기화에 사용되는 고유코드
  • REST API 키
    • API 호출 시 Access Token 발급을 위한 필수 값
  • REST API secret
    • REST API 키와 동일한 목적

위에 언급된 값들은 외부에 유출되지 않도록 관리해야하는 값들로 본인은 env 파일에 넣어 사용했다.

728x90