Django - 15. 결제(payment) 기능 추가하기 - stripe

Django - 15. 결제(payment) 기능 추가하기 - stripe

 

0. stripe 계정 만들기 

stripe 에서는 개발자를 위해서 test API key 를 제공한다. 이를 위해서 신규계정을 만들어보자. 

 

Create new account.

 

 

Settings > Business settings

Customer's Email settings. 

 

 

account setting.

 

 

Stripe API. 

install stripe library to python. 

settings.py 에 stripe app 추가하기

 

그리고 settings.py  끝에  keys 추가한다. Publishable key & Secret key 는 stripe API 쪽에서 확인할수 있다. 

settings.py 에 등록한다. 

 

 

settings.py

cart > views.py : 라이브러리 추가 

cart > views.py 

다시 stripe 웹사이트로 가서 Payment 관련 코드를 가져온다. ( Quickstart > Pay with Card > copy code..) 

link : https://stripe.com/docs/recipes/subscription-signup#creating-the-signup-form-using-checkout

Building a Subscription Signup Form | Stripe Payments

<form action="/create_subscription.php" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_xLTkOML6dsrTIzucXQWY2jO900gzWQIevP"
    data-image="/images/marketplace.png"
    data-name="Emma's Farm CSA"
    data-description="Subscription for 1 weekly box"
    data-amount="2000"
    data-label="Sign Me Up!">
  </script>
</form>

 

복사한 코드를 cart > cart.html 템플릿에 넣는다. 

이제 이 코드를 수정해서 테스트 payment 를 만든다. 

그리고 서버를 다시 구동한다. cart 에 구매를 원하는 물품을 담는다. 

이렇게 확인해 보니 버튼의 스타일이 현재 웹사이트와 다르다. 이부분 먼저 찾아서 수정해보자. 

 chrome 에 inspect 기능을 이용하면 해당 버튼의 class 를 확인할수 있다. 이를 찾아서 custom.css 에 등록하고 변경하면된다. 

custom.css

사이즈는 커졌지만 여전히 색상이 파란색으로 표시된다. 다시 확인... 

실제 버튼 태그 안에 span 태그까지 들어가있었기 때문에 color 속성이 적용되지 않았던 것이다. 그래서 custom.css 에 하나더 추가한다. 

이제 원하는 모양의 버튼이 되었으니 기능을 확인해 보자. 

 

link : https://stripe.com/docs/payments/accept-a-payment

기능확인을 위해서 결제 버튼을 누르고 고객정보& 카드정보를 넣는다. 

인터페이스 부분이 완료되었으니, 이제 고객정보에 대한 부분을 stripe app 을 통해서 구현해 보자. 

여기까지 작성되었으면 테스트를 위한 준비가 끝난 것이다. 웹으로 돌아와서 구매 결제를 해보자. 

 

이렇게 결제를 완료하고 나면, stripe payment 정보에서 내역을 확인할수 있다. 

 

 

끝.