아임포트 결제연동 관련 질문입니다!

Question

안녕하세요아임포트 결제연동 관련 설명 부탁드리려고 합니다아래 아임포트 결제정보 사전 검증하기 가이드에서제가 혼자서 이해가 도통 안되는 부분이 있습니다ㅜ프론트 쪽에서 주문번호와 예정금액 받아서아래 url 로 보내는 것이사전 검증이 어떻게 알아서 되는 것일까요?제가 캐치하지 못한 부분이 있는 것 같은데 알려주시면 감사하겟습니다ㅜㅜ

shintwl · Answer

"결제창을 띄우는 프론트엔드를 보여주기 전에"호출하라고 되어 있네요저 api 호출하면 아임포트 서버나 어디에 이번 결제 예정인 정보가 들어있다가실제 결제가 이루어지면 승인 처리되고클라이언트에서 결제 금액 등을 조작했다면 서버에 들어있는 값과 다를테니 실패 처리되고이런거 같아요

yeori · Answer

상품 소개 화면에서 사용자가 갯수 등을 선택하고 [결제]를 누르겠죠.이 타이밍에 아임포트에서 제공하는 결제 모듈을 띄우지 않고먼저 님의 백엔드 서버로 주문 정보는 날립니다.오키 키보드 2개 / 결제자 정보는 세션이나 jwt 등..님의 백엔드 서버에서는 주문을 하나 생성합니다.const order = new Order("오키키보드", "2개", 총액: 48000원", "상태: READY", "누구: 9383883")그리고 저 주문을 나타내는 유일한 식별키를 생성합니다. uuid나 md5, sha256 등으로 유일한 값이어야 하고,이 값을 아임포트 문서에서는 merchant_uid라고 언급하는 키값입니다.이제 새로운 주문 인스턴스 order를 님네 디비에 밀어넣습니다.(처음 상태는 READY 임)그리고나서 위 문서에 나오는 결제정보 사전검증 api를 아임포트로 보내라는겁니다.const data = { merchant_uid: order.getUuid(), amount: order.getTotalAmount() } // 여기서 이렇게 쏴달라는 뜻... await axios({ url: 'http://api.aimport.kr/...', method: 'post', ..., data });여기까지 완료되면 프론트엔드에 응답을 보냅니다.응답에는 백엔드에서 생성한 merchant_uid와 총 금액을 보냅니다.그러면 프론트엔드에서는 이 값을 이용해서 아임포트 결제 모듈을 띄웁니다.이제부터는 프론트엔드 화면과 아임포트 서버간에 결제 등이 진행됩니다.이 타이밍에 프론트엔드에서 장난질을 쳐서 총 금액을 조작하는 경우에 위에서 사전에 전송한 결제 금액과 비교해서 그냥 튕겨낸다는 얘깁니다.이렇게 프론트 화면과 아임포트간에 결제가 잘 끝나면 님에 백엔드로 요청을 날릴겁니다.방금 이렇게 결제했으니 니네 디비 알아서 업데이트 해라, 이런 뜻입니다.이 요청에 merchant_uid, 금액, 카드사, 결제자 정보, 영수증 url 등이 담겨있습니다.

아임포트 결제연동 관련 질문입니다!

2개의 답변

기술 목록