Integrating with Stripe for online payment

In this section, you will learn how to integrate with a real backend service for the payment process. Earning revenue is an important aspect of creating an app. While there are many other methods of collecting payment, Stripe is a common payment system and can integrate very well with Ionic. In addition, there is no need to provide a high level of security and compliance (that is, PCI) since you will not be storing the credit card information.

Your app will not process via a real payment method because you can use a public test key from Stripe. The app will ask for a few fields to create a token. Observe the following screenshot of the app:

If you touch the Pay $20 button, it will take you to the next screen where you will get the payment token, as shown in the following screenshot:

Tip

Actually, there are additional steps for your backend to call Stripe to authorize and process the transaction. However, it's not within the scope of this section...