things to be fetched from the backendv 17:50 using razorpay sdk for the node backend 22:45 creating an order 23:45 setting payment capture to 1, 26:48 creating a receipt 28:05 getting back the order created from the razorpay API and sending it to the frontend 31:38 cors error 33:00 verifying the payment with webhook 38:21
Yep, Just like you said I searched and found a lot of videos for stripe intregration but I really wanted to use Razorpay and finally I came across this video of yours and its been a life-saver ! Keep making awesome content like this ! Cheers !
This is amazing. I was fiddling with the documentation and couldn't come any close to figuring it out. But then I came across your channel and wow. Everything was perfect. You are very very skilled and thanks a lot man. Love from India.
Really loved it 🙂 It was not about only the payment gateway integration but you have shown what are the good practices when you code or implement something step by step. Very informative video overall🙂
Thanks a lot man. It's a superb tutorial, easy to follow. I was looking for some tutorial to help me integrate online payment gateway in my MERN stack project of ecommerce website and finally after following this awesome tutorial, I was successful. Thank a lot man.
Hey, amazing tutorial series, I found the docs pretty hard to understand. I have a problem where my json returned from my backend (the promise that gets stored in 'data') has a value of null. I followed through the rest of this tutorial using hardcoded order_id values. Can you help me with this?
I was making an eCommerce website using redux I am not getting what I need I m new to the react world and I am stuck on this for more than 3 days if possible I already have backend and frontend setup but I need to know where all the code go while using redux useDispatch and useSelector useEffect what code should go in the controllers and server.js and so on
I am getting only payment id in response, there is no order id and signature id. I am generating order id from backend and using it in front end but still having the same problem
The razorpay console is not showing the right amount, the amount in the response is ₹75999 but it shows only ₹759...... same is the case even if i did amount*100
Would this work with a nextjs application ? I just created a server/index.js file, But what about routing ? Do I need to serve the pages from the express app itself ?
It would work. You do not need to create custom server. You can make use of Next.js API routes for this. I'll probably create a video on Next.js + Razorpay integration soon
@@codedamn Yes please! That would be super helpful. So I created a custom express server mainly because I need to integrate razorpay into my nextjs app. Thanks for your content btw, really helpful 😁
UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'create' of undefined razorpay.orders is showing as undefined.. Any idea what could be wrong?
Sure.. This my React component github.com/aayushah711/revv-hackathon/blob/master/porfolio/src/Components/Razorpay.jsx This is the part where express comes in picture github.com/aayushah711/revv-hackathon/blob/master/porfolio/src/backend/index.js
You can get the dynamic amount from client side (in case of like donations), validate the amount on backend, and create an order dynamically on backend replacing the constant price with a variable.
Hey man it's beautiful but do you have this with angular.... I've my final assessment in my Company if you can help... Please I couldn't find any good resource..... IF you've the code kindly
@@pranavkumar1818 Thank you! Can you please tell- after verification of signature how to send response to the front-end(React) that the payment is successful?
@@prachisingh7030 Hey Prachi, he explains that in the video around 38:03 . Thats what razorpay send back in case of a confirmed payment. However he suggests not to depend on that and instead use webhooks to make sure payment capture (money actually transferred to your account). I am a bit confused there myself. a webhook will tell my server that money is actually transferred. But how do I tell my client that (react-native app in my case).
@@pranavkumar1818Can we do a thing! When the signature is verified we save the transaction id , order id etc in mongodb and then in the client side fetch the data inside handler according to Order id.(If the data of that particular order id was saved then It would be fetched otherwise no data!)
@@prachisingh7030 I will tell what i did. Dont know if its correct (i think it is), also I am building on react-native. After payment is done, i am sending the signature , paymentId & orderId to my server. Here i am fetching my document containing this orderId n other info (amount, timestamp etc) & fetching the orderId. I am taking this orderId(from my doc) and along with signature, generating the hmac digest. matching it with the signature. If the signature matches, I am using razorPay.orders.fetch(req.body.order_id) to get the current status of the orderId. if its "paid", that means my order was captured, so I am returning an OK along with some message to my client to do further processing. Hope this helps.
Backend will be the same, the frontend could also technically work if you're using something like Ionic. Otherwise, try using the razorpay android SDK or something, not sure what they provide on mobile.
thanks for this awesome video.................well I am getting the error ""serviceworker" must be a dictionary in your web app manifest."..... if anyone else has faced the same while using Razorpay with react.....kindly suggest a solution
Hey codedamn, I really appreciate for your effort to prepare those videos. But man, I watched like 200 ad in 20 min, just release your courses on Udemy or somewhere some patreon link something. This doesn't helping to learn
TBH I am grateful for the video but please you are confusing by changing the function names and moving the code all over the place. I'm really sorry for the rude comment.
things to be fetched from the backendv 17:50
using razorpay sdk for the node backend 22:45
creating an order 23:45
setting payment capture to 1, 26:48
creating a receipt 28:05
getting back the order created from the razorpay API and sending it to the frontend 31:38
cors error 33:00
verifying the payment with webhook 38:21
Yep, Just like you said I searched and found a lot of videos for stripe intregration but I really wanted to use Razorpay and finally I came across this video of yours and its been a life-saver ! Keep making awesome content like this ! Cheers !
can you tell me how to take user desire amount input please ?
and how to send mail to correspond user ?
Learn Node JS and React by building over 25 Projects: bit.ly/fullstack-codedamn
Pin this comment
This is amazing. I was fiddling with the documentation and couldn't come any close to figuring it out. But then I came across your channel and wow. Everything was perfect. You are very very skilled and thanks a lot man. Love from India.
Really loved it 🙂 It was not about only the payment gateway integration but you have shown what are the good practices when you code or implement something step by step. Very informative video overall🙂
Amazing tutorial. Super easy to follow. Waiting for part 2.
Part 2 is out! th-cam.com/video/QtsvGEB7n0s/w-d-xo.html
can you tell me how to take user desire amount input please ?
and how to send mail to correspond user ?
Thanks a lot man. It's a superb tutorial, easy to follow. I was looking for some tutorial to help me integrate online payment gateway in my MERN stack project of ecommerce website and finally after following this awesome tutorial, I was successful. Thank a lot man.
can you tell me how to take user desire amount input please ?
and how to send mail to correspond user ?
@@PIYUSH-lz1zq Just pass in the total amount (bill) in the amount entity of useEffect.
I want to take from frontend
You are awesome. Any other TH-cam would have edited the video past that had errors but you showed us how you debug them. Great 👍
Big Fan of your explanation skills :)
Thank for this simple yet powerful tutorial 🙏
I want to build payment gateway through firebase. Any help available here?
Can you solve this issue for me please
stackoverflow.com/q/65048376/13280288
Thank you so much! i was searching for this!!
Sir I have razor pay marchent acount but not received bajaj emi payments by customers plz help to intricate payment method with bajaj emi cArd show
How you are handeling the late authorized payments ?
How to create your own wallet system
Hey, amazing tutorial series, I found the docs pretty hard to understand. I have a problem where my json returned from my backend (the promise that gets stored in 'data') has a value of null. I followed through the rest of this tutorial using hardcoded order_id values. Can you help me with this?
Would it be a better (from efficiency/security point of view) to fill the Razorpay checkout form
in backend and then fetch it in the frontend ?
Thanks mehul bhaiya, it was so helpful for me
I was making an eCommerce website using redux I am not getting what I need I m new to the react world and I am stuck on this for more than 3 days if possible
I already have backend and frontend setup
but I need to know where all the code go while using redux useDispatch and useSelector useEffect what code should go in the controllers and server.js and so on
Awesome 👏, i want the extensions or plugin names which you are using in visual code
❤ thankyou amazing finally able to add payment to my app
hi while using test key its working fine but in production key is showing technical issues why?
can you tell me how to take user desire amount input please ?
and how to send mail to correspond user ?
Can't we just directly put that script tag?
I am getting only payment id in response, there is no order id and signature id. I am generating order id from backend and using it in front end but still having the same problem
Can u make tutorial for subscription base model with razorpay
Can you make a Razorpay subscription tutorial for WordPress website with complete guide...
Can you please make a quick video or article on how to send payment receipt via email on successful payment please.
Extremely useful, thank you so much.
Why every video on youtube is showing the integration with razorpay standard checkout ? No one has shown the custom checkout page.
Most people have problems with standard checkout. So ....
Showing Error ERROR ReferenceError: RazorPay is not defined
It was really helpful .........can you please make video on spliting of payment in different account on same project?
Hey thanks man it is very help full
I keep getting error Amount should be in Paisa integer and minimum is 1 rupees
I converted amount to Paisa still the error
is it possible to add addional value in handler? to send it to database? like ammount and order id?
How to get that colorful terminal?
I am not getting that js code on rozarpay site
very helpful... thanks and please keep making such videos.
Thanks Jasmohan!
You have not generated orderId . its showing error when on live mode
U r such a good person. Thank u sooo much for the video
You made my life much easier. Thank you for the video.
Thank you too Vivek!
The razorpay console is not showing the right amount, the amount in the response is ₹75999 but it shows only ₹759...... same is the case even if i did amount*100
Would this work with a nextjs application ? I just created a server/index.js file, But what about routing ? Do I need to serve the pages from the express app itself ?
It would work. You do not need to create custom server. You can make use of Next.js API routes for this. I'll probably create a video on Next.js + Razorpay integration soon
@@codedamn Yes please! That would be super helpful. So I created a custom express server mainly because I need to integrate razorpay into my nextjs app. Thanks for your content btw, really helpful 😁
@@codedamn This worked! I used Next.js API routes and it worked like a charm. Thanks my guy :)
@@menacerify Hey, i am also impleting it in NextJS, can you please share your code, it would be helpful.
UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'create' of undefined
razorpay.orders is showing as undefined.. Any idea what could be wrong?
How are you creating the 'razorpay' object? Can you post some code
Sure..
This my React component
github.com/aayushah711/revv-hackathon/blob/master/porfolio/src/Components/Razorpay.jsx
This is the part where express comes in picture
github.com/aayushah711/revv-hackathon/blob/master/porfolio/src/backend/index.js
Plz 🙏 make a video on integration of PayU on MERN Stack
Explained well...can you plz mk video on how to implement Razorpay subscriptions plz
Hey, how to integrate this with Firebase
How can I change the amount in the backend depending on the cart's total amount...instead of using just an integer?
You will have to send the total cart amount as a body when you will be using fetch the razorpay api
can this be used in react native?
Bhaaaaaaaai ek number !!!!!
We are using the API keys in the App. How can we keep them safe and secure?
You should need only one key exposed to client side. That is fine, you can use the razorpay webhook secret to verify the transaction integrity
Very good idea sir!
Here, you are fixing the amount to $5 or ₹5. But what if I want it to be Dynamic? How to work on dynamic amount?
You can get the dynamic amount from client side (in case of like donations), validate the amount on backend, and create an order dynamically on backend replacing the constant price with a variable.
Great tutorial !
wow.... This is so amazing!!
Is using razorpay completely free or it will charge after time?
Razorpay charges few % on every payment + gst.
Glad you did it man..thanks..!
Thank you too Prakad
Sir please make razorpay onboarding like stripe express like automate user payment
is this production ready code? can I use your github code in prouduction?
Yes you can. It has backend validation in place which is important
Hey man it's beautiful but do you have this with angular.... I've my final assessment in my Company if you can help... Please I couldn't find any good resource..... IF you've the code kindly
I believe the core concept with Angular is also same. Create click handler, call Razorpay API and it’s done
Is the Verification part in the back end a necessary ?
Yes. You don’t want people to fake payments
Ya, U need to have a grip on node.js bro, Hope this reply is worth 2 u
Will I get notification on my mobile if I choose UPI payment in test mode?
no!
@@pranavkumar1818 Thank you! Can you please tell- after verification of signature how to send response to the front-end(React) that the payment is successful?
@@prachisingh7030 Hey Prachi, he explains that in the video around 38:03 . Thats what razorpay send back in case of a confirmed payment. However he suggests not to depend on that and instead use webhooks to make sure payment capture (money actually transferred to your account). I am a bit confused there myself. a webhook will tell my server that money is actually transferred. But how do I tell my client that (react-native app in my case).
@@pranavkumar1818Can we do a thing! When the signature is verified we save the transaction id , order id etc in mongodb and then in the client side fetch the data inside handler according to Order id.(If the data of that particular order id was saved then It would be fetched otherwise no data!)
@@prachisingh7030 I will tell what i did. Dont know if its correct (i think it is), also I am building on react-native. After payment is done, i am sending the signature , paymentId & orderId to my server. Here i am fetching my document containing this orderId n other info (amount, timestamp etc) & fetching the orderId. I am taking this orderId(from my doc) and along with signature, generating the hmac digest. matching it with the signature. If the signature matches, I am using razorPay.orders.fetch(req.body.order_id) to get the current status of the orderId. if its "paid", that means my order was captured, so I am returning an OK along with some message to my client to do further processing. Hope this helps.
Does this work only for web or for android too?
Backend will be the same, the frontend could also technically work if you're using something like Ionic. Otherwise, try using the razorpay android SDK or something, not sure what they provide on mobile.
@@codedamn Thank you. I'll check out the razorpay android SDK
Working man awesome
Thank you , very helpful .
Thank you it helped me alot
Thank you too Sourabh
Hey there How do I pass dynamic amount and name .
server code me db se price leke amount me bhej de frontend ko
can i use this same for react native? please reply fast.
For React Native your frontend react code would be different. Your backend validation could remain same
@@codedamn can you please make a video on that too
I think razorpay automatically validate checksum.
thank you so much for your videos
What countries does it support? Can it support Kyrgyzstan?
For receiving payments? I think yes. As merchants, I believe India only for now.
Bro how to customize payment link please make a video in this regarding
What do you mean?
thanks for this awesome video.................well I am getting the error ""serviceworker" must be a dictionary in your web app manifest.".....
if anyone else has faced the same while using Razorpay with react.....kindly suggest a solution
can you tell me how to take user desire amount input please ?
and how to send mail to correspond user ?
Make Tutorial on razorpay integration with python django
Django isn't really my stack. The concepts remain same though :)
Thank you so much :)
Well prepared tutorial!!!, It worked completely fine for me...Thanks
Thank you Aditya
Doubt sir:
React is updated, now it don't have "Backend" folder, it directly have "node modules" folder
So, How to make index.js API ?
Thanks a lot bro
make some content for type script too
It would have been better if you had provided Demo first
Thankss a lot...............................................................................................................................
Hey codedamn, I really appreciate for your effort to prepare those videos.
But man, I watched like 200 ad in 20 min, just release your courses on Udemy or somewhere some patreon link something.
This doesn't helping to learn
TBH I am grateful for the video but please you are confusing by changing the function names and moving the code all over the place. I'm really sorry for the rude comment.
What if the amount is entered by the user?
29:02 Been there, done that LMAO
Haven't we all, haha 😂
Reduce the background music please , thats very loud .
It's easier than Paytm ,
Yo how tf are you soo smart
I just read docs lol
So many ads in one tutorial
: - )
Razorpay Sucks.....
We don’t have a lot of good alternatives in India apart from Razorpay