Skip to content

Ionic 5 Angular 12 Shopping Cart with Stripe payment gateway integration

License

Notifications You must be signed in to change notification settings

edocbuhtig/ionic-angular-shopping-cart-stripe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c76508e · May 29, 2021

History

35 Commits
May 29, 2021
Nov 25, 2019
May 29, 2021
Mar 19, 2021
Mar 19, 2021
May 29, 2021
Nov 25, 2019
Mar 19, 2021
May 29, 2021
Mar 19, 2021
May 29, 2021
May 29, 2021
May 29, 2021
May 29, 2021
Mar 19, 2021
Mar 19, 2021
Mar 19, 2021

Repository files navigation

Ionic 5 Angular Shopping Cart with Stripe payment

Clone and run npm install, If you wish to update to the latest Ionic delete the node_modules and run below,

ng update @angular/core @angular/cli
npm install @ionic/angular-toolkit@latest

Install the Stripe (cordova) plugin not for Capacitor

ionic cordova plugin add cordova-plugin-stripe
npm install --save @ionic-native/stripe

Ionic Native (peer dependency issue fix)

npm WARN @ionic-native/[email protected] requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

You need to install manually as below

npm i @ionic-native/core

Install Stripe for Capacitor

Make sure your Ionic project is integrated with Capacitor and not Cordova

npm install cordova-plugin-stripe
npm install @ionic-native/stripe
ionic cap sync

Stripe (Test) Key

/src/payments/payments.page.ts

  this.stripe.setPublishableKey('pk_test_xxxxxxxxxxx');

Preview

Ionic 5 Angular Shopping Cart with Stripe payment