How to integrate Stripe Payment in React and Node.js (Step by Step)!
HTML-код
- Опубликовано: 20 ноя 2023
- In this video we will see how to integrate stripe payment gateway in React.js and Node.js
💖Be A Patron(Support On Monthly Basis)-
☑ / codewithmasood
🎁Get Source Code & Other Perks!
👋Connect With Me:
▶Facebook - / official.codewithmasood
▶Instagram - / codewithmasood.official
▶Blog - / codewithmasood
▶Pinterest - / codewithmasood
📙Must Read Books That Will Transform Your Thinking-
▶Psychology of Money: amzn.to/3jqvhyp
▶How to Win Friends and Influence People: amzn.to/3GifLh7
▶Power of Habit: amzn.to/3FRszcW
▶Ego is the Enemy: amzn.to/3GmZA26
▶Cracking the Coding Interview: amzn.to/3C2bYBW
▶Introduction to Algorithms: amzn.to/3jzkt1f
▶Cryptography and network security: amzn.to/3WQrol3
#react
#stripe
#mernstack
#codewithmasood
#programming
#coding
DISCLAIMER: Some of the links in the description above are affiliate links, which means that if you click on one of the links and make a purchase, I will receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for your support!
Where is the Github code repo??
The code is in patreon brother, shared as the first link in description box below:)
This video is very helpful for me and everyone who stuck any E Commerce payment section. in this video you can explain strips in a very simple and clear way thanks a lot
Simple and straight to the point. Thank you very much
Thank you very much, friend! Your video helped me a lot, I was racking my brain all day and your video was spot on in solving my problem. Watching from Brazil.
Glad to hear that my friend! Thanks
Thanks very much bro, it's really useful video
Really good video brother, you are amazing
thank you, it works!
Thank you, you saved my day😊
I tried many, this is the first one that worked wow
Glad to hear that!
Good work Masood, enjoyed your tutorial. Keep it up.👏
Thanks
Thank you, you are amazing!
You are welcome!
This is awesome! I am using this same stack and was struggling at this point, can't wait to give your solution a try.
okay it worked lol thank you :)
Happy to hear that. Great
When/where do you save it in your database when the payment is succesfull?
Sir I am using real cards in test more . What error message should it show.
please tell will it word for subscription model
When I import {loadStripe} from '@stripe/stripe-js' my browser console shows the error "refused to apply inline style because it violates the following content security policy directive...". Does anyone know how to fix the issue?
I would love to see recurring payments videos too
Thanks
how to get checkout transaction details after payment is successful ?
Is that safe to store secret key in frontend? (env file)
hello brother please make a video how to desing the product list in strip
i have a doubt i am creating dummy project of ecommerce website so i want to use test mode only, i don't want user to lose any real time payment using stripe test mode if i deploy the stripe of test mode will it work for my dummy project? let me know quickly
Yes
helpfull
Does it works in Philippines?
Can i use in Pakistan
well done
Thanks man
waiting for redux course
How to get the webhook call to save checkout information in local DB?
Search it up on official stripe react and node docs man!
Unfortunately this video did not clarify anything for me. I still do not know how to integrate stripe into MY own code
Okay, now I understand why stripe gives error when I choose India Location, Thank You Bro for making this amazing video
Hey! Bro I am also getting error....... How Can I fix it ?
it is showing me a error related to indian regulations
does it not work in india
Bro y btana k jb payment successful hojegi, then is ko db m kis trah store krwaen g? Aur bijae har bar stripe dashbard pr jany k tmam transactions ka data hm apny custom react dashboard pr kesy show krwaein gyy btw thanks for tutorial ❤
Do we get money , i mean do transition happens? after integrating this?...
Certainly, if stripe is available in your country and if you switch to actual payment details that you need to put in to your stripe account instead of test mode. You will definitely get payments,
So stripe redirects to FE appliction after success. How does server knows about it?
Cuz we are using both FE and backend and it is a full stack application, we are using custom pages for checkout and redirections
@@CodeWithMasood Ok got it, suppose FE and BE are separate app, then how it will happen, any idea?
Make a detailed video on Redux.
I will create this tutorial soon!
Thank you, Are you going to post the source code of the complete site or do a tutorial so that we can reproduce it?
Join me on Patreon and I will share the source code with you. You can message me their once you joined!
@@CodeWithMasoodi got an error
@@CodeWithMasood laalchi bhikari
@@imvikashkkme too the frontend keeps throwing 500 error.
@@CodeWithMasood please give source code i will face problem from three days
i try to make it what you teach but im getting 401 unauthrorized can explain to me? what happen?
same happend with me
his not interested replying us thats sad@@sikusk7422
can i accept INR if possible please guide ??
Please visit official docs
it is showing me a error related to indian regulations
does it not work in india
No it should work cuz stripe is available in india
At 6:33 what exactly are you supposed to put in the place of ${apiURL} ? This is not explained
i keep getting 500 error @codewithmasood
Ok this is the api key for server like, where your server is running put that here,
@@CodeWithMasood So if my backend is localhost5000 am I entering it as /localhost5000/create-checkout-session on the frontend code? And the same for the backend?
@@CodeWithMasood the docs said to put it as /create-checkout-session for both… am i supposed to put it as localhost:5000/create-checkout-session for the frontend if my backend is coming out on port 5000?
I am using the content of ur project,can i get copyright issue
No problem dude, feel free from my side
bhai aoa subscription base b veido banao pls
Will create the subscription version soon!
👍
Stripe integration k leye account hona zarori hai
Yes bro
hey broh can you help me polease?
Hey, sorry for late reply but yes please message me on insta or fb and i can help you out
Stripe work in Pakistan?
Nop bro
Dude, you're clicking too fast and jumping from page to page too fast!
Thanks for your feedback!
Worst video .... not telling the process you just wanted to create the video
change stupid theme... I can even see what you have written even though in retina disaply..... pure black is distracting.... just use normal one came by default.... otherwise thanks for tutorial...
Address people with courtesy….. this is not a good way to give feedback