I'm really confused and would be hugely grateful to anyone who can help me out here.
I'm building a React web app with a Firebase backend. I need to integrate Stripe into the application so that I can take payments.
I've spent the last few days working through the documentation and tutorials and I must admit, I'm completely stumped.
I've managed to setup stripe so that a new customer is created in Stripe when a new user is created in Firebase, which is definitely a start.
But now I've hit a dead-end. I think the right solution is to create a page where the user can fill out a form with their credit card details. To send those details to Stripe so I'm not storing them and get back a token of some sort. Save that token to firebase and use that a trigger to firebase functions to send that token to Stripe to initiate the payment.
But this is so confusing and there are so many contradictory articles and tutorials that I'm completely lost.
So once again, if anyone can help that would be greatly appreciated. Happy to include my code as needed.
Oh, and I think the fact that I'm using react-router for my navigation is also causing some issues around where to place the wrapper.