aipladmin · September 11, 2020 04:18 · Dec 16, 2012 · Dec 15, 2012 · Nov 13, 2012 · Oct 3, 2012
diff --git a/app.py b/app.py
@@ -25,7 +25,7 @@ def charge():
     )
 
     charge = stripe.Charge.create(
-        customer=customer,
+        customer=customer.id,
         amount=amount,
         currency='usd',
         description='Flask Charge'

diff --git a/app.py b/app.py
@@ -19,12 +19,17 @@ def index():
 def charge():
   amount = 500
 
-  stripe.Charge.create(
-    amount=amount,
-    currency='usd',
-    card=request.form['stripeToken'],
-    description='Stripe Flask'
-  )
+    customer = stripe.Customer.create(
+        email='customer@example.com',
+        card=request.form['stripeToken']
+    )
+
+    charge = stripe.Charge.create(
+        customer=customer,
+        amount=amount,
+        currency='usd',
+        description='Flask Charge'
+    )
 
   return render_template('charge.html', amount=amount)
 

diff --git a/index.html b/index.html
@@ -5,6 +5,6 @@
       <label>Amount: $5.00</label>
     </article>
 
-    <script src="https://button.stripe.com/v1/button.js" class="stripe-button" data-key="{{ key }}"></script>
+    <script src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button" data-key="{{ key }}"></script>
   </form>
 {% endblock %}
diff --git a/app.py b/app.py
@@ -17,13 +17,13 @@ def index():
 
 @app.route('/charge', methods=['POST'])
 def charge():
-  amount = int(request.form['amount'])
+  amount = 500
 
   stripe.Charge.create(
-    amount=amount * 100,
+    amount=amount,
     currency='usd',
     card=request.form['stripeToken'],
-    description=request.form['description']
+    description='Stripe Flask'
   )
 
   return render_template('charge.html', amount=amount)

diff --git a/charge.html b/charge.html
@@ -1,4 +1,4 @@
 {% extends "layout.html" %}
 {% block content %}
-  <h2>Thanks, you payed <strong>${{ amount }}</strong>!</h2>
+  <h2>Thanks, you payed <strong>$5.00</strong>!</h2>
 {% endblock %}
diff --git a/index.html b/index.html
@@ -2,17 +2,9 @@
 {% block content %}
   <form action="/charge" method="post">
     <article>
-      <label class="amount">
-        <span>Amount</span>
-        $<input type="text" name="amount" placeholder="1.00" required>
-      </label>
-
-      <label>
-        <span>Reason</span>
-        <input type="text" name="description" placeholder="Dinner">
-      </label>
+      <label>Amount: $5.00</label>
     </article>
 
-    <script src="https://button.stripe.com/v1/button.js" class="payment-button" data-key="{{ key }}"></script>
+    <script src="https://button.stripe.com/v1/button.js" class="stripe-button" data-key="{{ key }}"></script>
   </form>
 {% endblock %}
diff --git a/app.py b/app.py
@@ -22,7 +22,7 @@ def charge():
   stripe.Charge.create(
     amount=amount * 100,
     currency='usd',
-    card=request.form['stripe_token'],
+    card=request.form['stripeToken'],
     description=request.form['description']
   )
 

diff --git a/index.html b/index.html
@@ -13,8 +13,6 @@
       </label>
     </article>
 
-    <payment data-key="{{ key }}"></payment>
-
-    <input class="submit" type="submit" value="Pay with Stripe!">
+    <script src="https://button.stripe.com/v1/button.js" class="payment-button" data-key="{{ key }}"></script>
   </form>
 {% endblock %}
diff --git a/layout.html b/layout.html
@@ -1,10 +1,6 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
-  <script src="https://js.stripe.com/v1/"></script>
-  <script src="https://tag.stripe.com/v1/tag.js"></script>
-  <link rel="stylesheet" href="https://tag.stripe.com/v1/themes/stripe.css" type="text/css">
   <title>Stripe</title>
 
   <style type="text/css" media="screen">

diff --git a/app.py b/app.py
@@ -0,0 +1,32 @@
+import os
+from flask import Flask, render_template, request
+import stripe
+
+stripe_keys = {
+  'secret_key': os.environ['SECRET_KEY'],
+  'publishable_key': os.environ['PUBLISHABLE_KEY']
+}
+
+stripe.api_key = stripe_keys['secret_key']
+
+app = Flask(__name__)
+
+@app.route('/')
+def index():
+  return render_template('index.html', key=stripe_keys['publishable_key'])
+
+@app.route('/charge', methods=['POST'])
+def charge():
+  amount = int(request.form['amount'])
+
+  stripe.Charge.create(
+    amount=amount * 100,
+    currency='usd',
+    card=request.form['stripe_token'],
+    description=request.form['description']
+  )
+
+  return render_template('charge.html', amount=amount)
+
+if __name__ == '__main__':
+  app.run(debug=True)
diff --git a/charge.html b/charge.html
@@ -0,0 +1,4 @@
+{% extends "layout.html" %}
+{% block content %}
+  <h2>Thanks, you payed <strong>${{ amount }}</strong>!</h2>
+{% endblock %}
diff --git a/index.html b/index.html
@@ -0,0 +1,20 @@
+{% extends "layout.html" %}
+{% block content %}
+  <form action="/charge" method="post">
+    <article>
+      <label class="amount">
+        <span>Amount</span>
+        $<input type="text" name="amount" placeholder="1.00" required>
+      </label>
+
+      <label>
+        <span>Reason</span>
+        <input type="text" name="description" placeholder="Dinner">
+      </label>
+    </article>
+
+    <payment data-key="{{ key }}"></payment>
+
+    <input class="submit" type="submit" value="Pay with Stripe!">
+  </form>
+{% endblock %}
diff --git a/layout.html b/layout.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
+  <script src="https://js.stripe.com/v1/"></script>
+  <script src="https://tag.stripe.com/v1/tag.js"></script>
+  <link rel="stylesheet" href="https://tag.stripe.com/v1/themes/stripe.css" type="text/css">
+  <title>Stripe</title>
+
+  <style type="text/css" media="screen">
+    form article label {
+      display: block;
+      margin: 5px;
+    }
+
+    form .submit {
+      margin: 15px 0;
+    }
+  </style>
+</head>
+<body>
+  {% block content %}{% endblock %}
+</body>
+</html>