오늘은 어제 완성하지못한 PG사 결제연동 기능을 더 공부해봤는데
우선 어제는 카카오페이 하나만 결제페이지가 나오도록 구현했었는데
오늘은
<button onClick={() => handlePayment(product, "kakaopay")}>
카카오페이 결제
</button>
<button onClick={() => handlePayment(product, "inicis")}>
이니시스 결제
</button>
<button onClick={() => handlePayment(product, "tosspay")}>
토스페이 결제
</button>
이렇게 버튼에다가 product 값을 줘서 해당하는 결제사의 결제창이 뜨도록 구현해보았다
이렇게 추가하는 것 이외에 반드시 포트원 결제 연동 페이지에서 결제사를 생성해주어야한다.
그 후 실행을 해보면 기능만 있기에 이쁘지는 않지만
버튼 별 결제창이 잘 뜨는것을 확인 할 수 있다
이 기능을 언젠가 사용할지 모르겠지만 프로젝트에서 사용하기에는
사업자 등록을 해야지만 실제 결제를 할 수 있기에 테스트 모드로 밖에 진행이 안된다는 점이 있지만
언젠가 사용할 수 있기에 방법 정도는 알 수 있게 메모를 해 둔다.