Check out the posts:
- Developing a Single Page App with Flask and Vue.js
- Accepting Payments with Stripe, Vue.js, and Flask
-
Fork/Clone
-
Sign up for Stripe (if you don't already have an account).
-
Set the Stripe Secret key as an environment variable:
$ cd server $ export STRIPE_SECRET_KEY=UPDATE_ME
-
Run the server-side Flask app in one terminal window:
$ cd server $ python3.6 -m venv env $ source env/bin/activate (env)$ pip install -r requirements.txt (env)$ python app.py
Navigate to http://localhost:5000
-
Update
stripePublishableKey
with the Stripe Publishable key in client/src/components/Order.vue. -
Run the client-side Vue app in a different terminal window:
$ cd client $ npm install $ npm run dev
Navigate to http://localhost:8080