Next.js for Iamport(PortOne)

소개

Next.js + TypeScript + Iamport 를 사용하는 Boilerplate 입니다. 오픈소스로 개발된 Iamport Client를 사용하지 않고, Iamport에서 제공하는 js를 사용하는 간단한 방법을 제시합니다.

참조

• 아임포트(포트원)
• 포트원 결제 연동 Docs
• Iamport Typings by Junho Yeo
• Next.js

설치

1. repository를 clone합니다.

git clone https://github.com/crowrish/nextjs-iamport.git
cd nextjs-iamport

2. NPM package를 설치합니다.

npm install && npm run dev
# or
yarn && yarn dev

3. http://localhost:3000 으로 접속하여 확인합니다.

사용방법

1. 최상위 루트에 있는 .env 파일의 환경 변수에 자신의 IMP_UID를 설정해주세요.

IMP_UID=imp99999999
NEXT_PUBLIC_IMP_UID=imp99999999

2. 결제를 위한 최소한의 정보값을 입력해줍니다.

3. 개발자 모드 콘솔 또는 화면 아래에 응답이 표시됩니다. response에 대한 자세한 내용은 여기를 참조하세요.