Basic Stripe elements checkout page in a Ionic 5/Vue 3 application.

For demonstration purpose only

Demo: https://ionic-stripe.herokuapp.com/

Deploy

• Stripe account
• API auth thoken on the Laravel backend

$ npm install
$ cp .env.example .env

Add your database, Stripe and Cloudinary credentials into the .env file.

1. Launch Laravel backend API
2. Launch Ionic app:

   $ ionic serve

The checkout page handles:

• No authentication (default U.S. card): 4242 4242 4242 4242
• Authentication required: 4000 0027 6000 3184

• Handle authentication inside the app like in Sanctum Vue App example instead a static token in .env file

• Ionic 5
• Vue 3