Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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)