Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/edocbuhtig/ionic-angular-shopping-cart-stripe
Ionic 5 Angular 12 Shopping Cart with Stripe payment gateway integration
https://github.com/edocbuhtig/ionic-angular-shopping-cart-stripe
angular-shopping angular-shopping-cart-application ecommerce ecommerce-application ionic ionic-angular ionic-framework ionic-stripe payment-gateway shopping shopping-cart shopping-cart-solution stripe-api stripe-payment
Last synced: about 6 hours ago
JSON representation
Ionic 5 Angular 12 Shopping Cart with Stripe payment gateway integration
- Host: GitHub
- URL: https://github.com/edocbuhtig/ionic-angular-shopping-cart-stripe
- Owner: edocbuhtig
- License: mit
- Created: 2019-11-25T08:45:26.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T06:33:17.000Z (almost 2 years ago)
- Last Synced: 2024-07-30T19:15:30.326Z (6 months ago)
- Topics: angular-shopping, angular-shopping-cart-application, ecommerce, ecommerce-application, ionic, ionic-angular, ionic-framework, ionic-stripe, payment-gateway, shopping, shopping-cart, shopping-cart-solution, stripe-api, stripe-payment
- Language: TypeScript
- Homepage:
- Size: 5.75 MB
- Stars: 16
- Watchers: 2
- Forks: 16
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### 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](/screenshot/screenshot.png)