🦁 Python Online Store 만들기 23편 - 상품 결제(4)

🎈 Front End Developer 의 Back End 도전기 ! 🎈

이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다.

작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다.

1. payment complete 성공

✍ payment 결제가 완료된다면, 완료된 정보를 ajax 내부 done data에 전달하는 작업을 해 보겠다.

이번 작업을 하면서 구문에 익숙하지가 않다보니, 정말 별것도 아닌 디버깅 문제로 새벽까지 재미나게(?) 해결해본 이번 챕터이다 😵‍💫

확실히 겪은 문제를 토대로 작업내용을 공유해 보고자 한다.

우선, controllers > payment file에서 성공하게 되면 order id와 message를 전달해 주게 된다.

그 전달받은 값을 ajax done 값에 활용할 것이다.

1. 가맹점 서버 결제 API 성공시 로직
   = 성공 시 message를 success로 전달했으므로 ( return jsonify({'order_id': merchant_uid, 'message': 'success'} = 전달을 받기 위해 jsonify 구문 사용 )
   ), data의 message가 success일 경우 구문을 하나 생성한다.

---

= 성공한다면, data에서 전달받은 id를 정의하고, success 주소값을 생성하여 해당 url로 요청한다는 구문이다.

🧨🧨여기서 주소값을 넘길 때 ' 가 아닌, ` 로 넘겨주어야 한다. 이 백틱을 잡아내기위해 정상적인 코드를 몇번이나 엎었다 😂😂
하지만 확실히 알고 두번다시 실수하지 않을 것 같아 뜻깊은 경험이었다고 생각한다 😎 🧨🧨

---

2. 결제 실패 시 로직
   = 단순하다. alert 창을 띄우고 상품 list(main) page로 이동 시켜주면 된다. 하지만, data alert를 사용하기 위해서는 몇가지 세팅이 필요하다.
   = (controllers > payment.py) message로 전달을 하고, alert창에서 data의 message로 받아준다면 해당 내용이 정상적으로 보여 질 것이다.

---

3. SUCCESS API 생성 ( controllers > payment.py )
   = ajax 내부에서도 order_id값을 parameter로 받아왔기 때문에 해당 구문에서도 order_id를 요청해 받아오고, 그 요청한 고유 id값을 넘겨주었다.

---

4. payment_complete.html 내부에서 값 출력
   = 해당 주문 내역을 상세하게 확인하기 위해 주문 완료 메시지 및 order_id값만 넘겨주었다.

---

5. 주문 및 결제 테스트
   = 하지만 결제 시 "비정상적인 결제입니다." 라는 alert가 출력 될 것이다. 실패되어 fail 구문으로 튕겼다는 뜻이다.
   = 데이터가 없거나 amount와 상품 가격이 일치하지 않은 경우에 else 구문이 작동되었을 것이다.

---

이유는 product의 price는 string값으로 존재하는데, payment_data의 amount는 int로 되어있다. type이 달라서 같지 않은 부분이 생긴 것이다.

---

방법은, product를 저장할 때 int값으로 변경해주고

---

update 를 해줄때도 price값을 int값으로 변경 시켜준다.

---

이제 별다른 변수가 없다면, 주문 및 결제가 정상적으로 완료 될 것이다.
테스트를 통해 확인 해 보겠다.
= 상품정보, 주문정보, 결제정보 등이 db에 담긴 내역이며, 실제 주문 후 결제까지 거쳐 금액이 빠져나가는 것도 정상적으로 작동되는 것을 확인하였다!

이렇게 주문 후 결제까지 구현을 해 보았다.

온라인 스토어 작업을 하던 중 개강시기가 겹쳐 끝까지 만들 수 있을까 걱정했는데, 수업 중간마다 여유시간이 생겨 차질없이 마무리 할 수 있을 것 같다 😎

다음시간에는 구매 목록을 마무리 해 보겠다.