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

Subscription Payments with Stripe, Angular, and Firebase

160 ratings | 8856 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 (28)
Miguel De Francisco (29 days ago)
is this possible for implement without firebase? Thanks for your job
itsSilver (1 month 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 (2 months ago)
Why both `users` and `customers` objects in Firebase? Thanks!
ben4d85 (8 months ago)
This is great! Please could you update it for FireSTORE (and also include pausing/cancelling subscriptions)?
Angular Firebase (8 months 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 (9 months ago)
Brett Hooper (9 months 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 (10 months 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 (10 months ago)
hi, i'm not able to understand it. please help me out in this.
Takayasu Hara (11 months ago)
How to change it from test mode to live mode
Takayasu Hara (11 months ago)
I fixed it config.stripe.token not livekey Thank you
Takayasu Hara (11 months ago)
I receive no such token response - could you help me out ??? I would apply for 14 box subscription for your help
Takayasu Hara (11 months ago)
Is "set stripe.livekey=secret" "set stripe.key=secret" or set stripe.token=secret ????
Takayasu Hara (11 months ago)
Thank you very much for very very very prompt response !
Angular Firebase (11 months 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
Angular Firebase (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?
Angular Firebase (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
Angular Firebase (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.
Angular Firebase (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.