리액트 환경에서 아임포트 결제 및 휴대폰 본인인증 연동을 위한 예제입니다.
$ git clone https://github.com/iamport/iamport-react-example
$ cd ./iamport-react-example
$ yarn
$ yarn start
최상단 HTML(public/index.html)에 아래의 <script>
를 삽입합니다. 아임포트 라이브러리는 jQuery 기반으로 동작하기 때문에 jQuery 1.0 이상이 반드시 설치되어 있어야합니다.
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
<!-- iamport.payment.js -->
<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-1.1.8.js"></script>
결제 연동 방법은 리액트에서 아임포트 결제 연동하기 문서를 참고하세요.
휴대폰 본인인증 연동 방법은 리액트에서 아임포트 휴대폰 본인인증 연동하기 문서를 참고하세요.