HomeНаука и техникаRelated VideosMore From: Fireship

Subscription Payments with Stripe, Angular, and Firebase

205 ratings | 12692 views
In this episode, we build three Firebase Cloud Functions to handle Stripe subscription payments with an Angular frontend. Get the source code at https://angularfirebase.com/lessons/stripe-recurring-subscription-payments-with-angular-and-firebase-cloud-functions/ Stripe: https://stripe.com Stripe webhooks: https://stripe.com/docs/subscriptions/webhooks Cloud Functions: https://firebase.google.com/docs/functions/ Angular4: https://angular.io
Html code for embedding videos on your blog
Text Comments (34)
Adam Willoughby-Knox (21 days ago)
I keep hearing the advice that it is "easiest" to create the stripe customer when they register. Why is that?
Allie Munro (1 month ago)
at 7:50 you mention to use {UserID} to reference when a document is updated. How are you getting this variable?
Bhargab Hazarika (1 month ago)
I am getting { "error": { "code": "parameter_unknown", "doc_url": "https://stripe.com/docs/error-codes/parameter-unknown", "message": "Received unknown parameter: source", "param": "source", "type": "invalid_request_error" } }
Adnan Tariq (1 month ago)
VSCode theme name?
tino caer (1 month ago)
I get an error: The header content contains invalid characters when creating the customer. Why is this? Thanks!
jack Quinn (4 months ago)
This video is outdated but a great updated version by the same channel is available here https://www.youtube.com/watch?v=1__Leh5MBEM
Miguel De Francisco (6 months ago)
is this possible for implement without firebase? Thanks for your job
itsSilver (6 months ago)
hey man great video , can we use stripe as a b2b service like paypal where users can send money to each other exp: user 1 sends 29$ to user 2 via email or username?
Christian Giordano (7 months ago)
Why both `users` and `customers` objects in Firebase? Thanks!
ben4d85 (1 year ago)
This is great! Please could you update it for FireSTORE (and also include pausing/cancelling subscriptions)?
Fireship (1 year ago)
Yes, in fact, I created a whole course for that topic. It's free if you upgrade to a pro membership. https://projects.angularfirebase.com/p/stripe-payments-with-angular-and-firebase
Martin Blub (1 year ago)
great!
Brett Hooper (1 year ago)
Great tutorial. Many Thanks! I found that the token callback function (which fires the database write) works properly when used in handler.open() instead of StripeCheckout.configure().
Chad Krause (1 year ago)
I like these videos. It assumes a decent level of prior knowledge and goes fast to get through the mail points. Without trying to nitpick, I like when you layout steps that need to happen. For example “you need to send a request to stripe, stripe sends you a token back, you write it to Firebase, and then Firebase runs a function to pay it” I really like that. Almost like a checklist I have to do. That might be something you can layout even more! Also, I know you can create node.js apps and deploy them directly to Firebase. As you can do that with angular and such. Is there a way to keep angular and Firebase functions in the same project and update them all at the same time? Or would you not recommend that
gaurav salwan (1 year ago)
hi, i'm not able to understand it. please help me out in this.
Takayasu Hara (1 year ago)
How to change it from test mode to live mode
Takayasu Hara (1 year ago)
I fixed it config.stripe.token not livekey Thank you
Takayasu Hara (1 year ago)
I receive no such token response - could you help me out ??? I would apply for 14 box subscription for your help
Takayasu Hara (1 year ago)
Is "set stripe.livekey=secret" "set stripe.key=secret" or set stripe.token=secret ????
Takayasu Hara (1 year ago)
Thank you very much for very very very prompt response !
Fireship (1 year ago)
Yes, that looks correct.
Raul Sanchez (1 year ago)
Thank you!
Nicola (1 year ago)
For this to work a *Blaze* or *Flame* _Firebase_ plan is necessary, right? Thanks
Fireship (1 year ago)
Yes, you need need billing enabled to make 3rd party API calls from FCF.
Tsortanidis Christos (1 year ago)
Great tutorial, thank you!!
longboardcreator (1 year ago)
hey, awesome video. just wondering, how would a customer unsubscribe from the service if they didnt want it anymore?
Fireship (1 year ago)
Cool, thanks for the feedback! This was one of the most difficult videos for me to make so far. I will definitely expand on it.
longboardcreator (1 year ago)
alright, will check out. even if you make this a 3-4 part series like algolia people will watch all of it. There is nothing like it elsewhere
Fireship (1 year ago)
That's a topic I wanted to cover, but the video was getting too long. I hope to release a follow up that covers pausing, canceling, and refunding. For now, check this out: https://stripe.com/docs/subscriptions/canceling-pausing
naxtyn (1 year ago)
Thanks bro!
naxtyn (1 year ago)
I am interesting in the best practices when starting a angular project from scratch, it would be great if you can share with us what do you know about that.
Fireship (1 year ago)
Thanks for watching! Let me know what you want to see next.

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.