Accepting credit card payments in Angular with Stripe

Creating and reading customer records from Stripe is great, but what we really want is to use Stripe to allow credit card payments through our web application. Let's add a credit card form from Stripe into our web application to accept donation payments for all the hard work it takes to keep our Mean Stack blog working.

Getting ready

We will need to create a new Angular payment component for all the payment-specific UI and logic we will be setting up in this section. The fastest way to do so is to use the Angular CLI generate command for this:

ng generate component payment

How to do it...

Let's perform the following steps to add a Stripe powered credit card donation form to our Angular web application:

1. First, we'll need to update our /middleware/stripe.js middleware to change the way we identify customers to rely on parameters from Stripe's form submission. We will also need to add a new method to create a charge within Stripe for the amount...