RoySRose/nextjs-iamport

Next.js + TypeScript + Iamport 를 사용하는 Boilerplate. 아임포트 PG 결제 서비스를 Next.js 환경에서 사용하는 방법을 기술합니다.

Next.js for Iamport

소개

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

참조

• 아임포트
• 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. 최상위 루트에 있는 next.config.js 파일의 환경 변수에 자신의 IMP_UID를 설정해주세요.

const devEnv = {
  IMP_UID: "imp12345678",
};

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

3. 결과를 브라우저 콘솔 또는 화면 아래에 표시되는 result state로 확인합니다. response에 대한 자세한 내용은 여기를 참조하세요.