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:
![](https://static.packt-cdn.com/products/9781788623230/graphics/assets/063bcdc2-b4c8-4870-97e5-74689d0dc6f8.png)
If you touch the Pay button, it will take you to the next screen where you will get the payment token, as shown in the following screenshot:
![](https://static.packt-cdn.com/products/9781788623230/graphics/assets/5e7e6a47-89b8-4b7e-95e1-a9041758e50a.png)