<aside> 💡 ‘아임포트’는 2023/02/06 이후 부터 ‘포트원’이라는 서비스명으로 변경되었습니다.

가이드 문서에서 아임포트로 작성된 부분은 포트원과 동일한 서비스를 지칭합니다.

자세한 내용은 포트원의 공지사항을 참고해주세요.

</aside>

썬더에서 아임포트를 통한 결제 기능을 사용하려는 경우 사용할 수 있는 플러그인입니다.

개발자를 위한 무료 결제연동 API, 아임포트

설치하기


우선 플러그인 설치를 위해서 썬더의 설치문 밑에 다음과 같은 스크립트 설치문을 추가해주세요.

<!-- 디펜던시: 아임포트 JavaScript SDK -->
<script src="<https://cdn.iamport.kr/js/iamport.payment-1.1.5.js>"></script>
<!-- ... 썬더 설치 코드 -->
<!-- 썬더: 아임포트 결제 플러그인 -->
<script src="<https://code.clayful.io/[email protected]/plugins/makePayment/iamport.min.js>"></script>

설정하기


<aside> 💡 플러그인의 기본 설정 외 실제 주문시 사용될 결제 방식에 설정에 대한 자세한 내용은 기본 설정 옵션 가이드paymentMethods 섹션을 참고해주세요.

</aside>

설치가 완료되었으면, 다음과 같이 플러그인을 설정할 수 있습니다.

// 아임포트 가맹점 식별코드 설정
IMP.init('<iamport-id>');

**// 썬더용 아임포트 결제 플러그인 설치 및 설정
Thunder({
	...
	plugins: {
		makePayment: ThunderMakePaymentIamport({
			billingKeyName:      'Billing Key',
			orderName:           function(cart) { ... },
			buyerName:           function(customer) { ... },
			buyerAddress:        function(address) { ... },
			redirectURL:         function(data) { ... },
			redirectionCallback: function(err, data) {}
		})
	}
});