DigPay PG 모듈을 연동하면 버튼 클릭 한번으로 DigPay 결제 프로세스를 시작할 수 있습니다. 고객이 결제를 완료하면 콜백 함수를 통해 트랜잭션 ID 등의 거래 상세 데이터를 반환합니다.
DigPay PG 모듈은 JavaScript 언어로 제공됩니다.
문서 하단에 전체 샘플 코드가 있습니다.
아래의 코드 블록을 <head> 태그 내 마지막 줄에 붙여넣기 해주세요.
<head>
...
<!-- DigPay 연동 코드 -->
<script src="<https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.7.5/socket.io.js>" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="<https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js>" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="<https://digpay-pg.s3.ap-northeast-2.amazonaws.com/index.min.js>"></script>
</head>
initDigPay()를 호출하여 결제모듈을 초기화 합니다.
DigPay PG 인증키는 DigPay PG 대시보드에서 확인할 수 있습니다.
initDigPay('DigPay PG 인증키'); // ex) '789102cb0cb256fafd6d19fa057eb0bf1b74f406'
/* 결제 성공 콜백 함수 */
const onSuccess = (paymentInfo) => {
console.log('결제가 완료되었습니다.');
console.log({paymentInfo});
};
/* 결제 도중 취소 콜백 함수 */
const onQuit = () => {
console.log('결제 프로세스가 중단되었습니다.');
};