iamport-typings v1.4.0

국내 PG 결제연동 서비스, 포트원(구 아임포트)를 위한 타입스크립트 타입 선언을 제공합니다.

⚔️ 사용하는 곳

📦 설치

npm install -D iamport-typings
# Or using yarn
yarn add -D iamport-typings

패키지를 설치합니다.

📌 로드맵

메소드별 지원 상황입니다. PR은 언제나 환영! 🙌

• init
• request_pay
• agency
• certification
• close
• communicate
• naver_zzim

🚀 사용 방법

// tsconfig.json
{
  "compilerOptions": {
    "types": ["iamport-typings"]
  }
}

사용할 프로젝트 루트 디렉토리에 있는 tsconfig.json 파일의 compilerOptions.types에 iamport-typings를 추가하기만 하면 끝!

const { IMP } = window;

Window 인터페이스를 확장하기 때문에, 기존처럼 위와 같이 바로 사용할 수 있답니다! 😋

import Iamport from 'iamport-typings';

declare global {
  interface Window {
    IMP?: Iamport;
  }
}

import { RequestPayParams, RequestPayResponse } from 'iamport-typings';

const onClickPayment = () => {
  const { IMP } = window;
  IMP.init('your_imp_uid');

  const params: RequestPayParams = {
    ...
  };

  IMP.request_pay(params, onPaymentAccepted);
};

const onPaymentAccepted = (response: RequestPayResponse) => {
  const { imp_uid, merchant_uid } = response;
  console.log(imp_uid, merchant_uid);
};

위와 같이 각각의 인터페이스를 가져와 사용하는 것도 가능합니다.

아임포트 객체

결제요청 파라미터

기타

결제응답 파라미터