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 !
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
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.
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
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 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
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
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 😁
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
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
@@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.
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.
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
![Wiz Khalifa - Khalifa's Home [Official Music Video]](http://i.ytimg.com/vi/wnrLCTe0Nz4/mqdefault.jpg)
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 ?
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
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.
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 RUclips would have edited the video past that had errors but you showed us how you debug them. Great 👍
Thank for this simple yet powerful tutorial 🙏
Amazing tutorial. Super easy to follow. Waiting for part 2.
Part 2 is out! ruclips.net/video/QtsvGEB7n0s/видео.html
can you tell me how to take user desire amount input please ?
and how to send mail to correspond user ?
Big Fan of your explanation skills :)
Learn Node JS and React by building over 25 Projects: bit.ly/fullstack-codedamn
Pin this comment
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
Thanks mehul bhaiya, it was so helpful for me
Can you make a Razorpay subscription tutorial for WordPress website with complete guide...
Thank you so much! i was searching for this!!
How to create your own wallet system
hi while using test key its working fine but in production key is showing technical issues why?
I am not getting that js code on rozarpay site
How you are handeling the late authorized payments ?
Can you please make a quick video or article on how to send payment receipt via email on successful payment please.
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 ?
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
Can't we just directly put that script tag?
It was really helpful .........can you please make video on spliting of payment in different account on same project?
Can u make tutorial for subscription base model with razorpay
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
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 keep getting error Amount should be in Paisa integer and minimum is 1 rupees
I converted amount to Paisa still the error
❤ thankyou amazing finally able to add payment to my app
You have not generated orderId . its showing error when on live mode
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
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
You made my life much easier. Thank you for the video.
Thank you too Vivek!
Bhaaaaaaaai ek number !!!!!
Extremely useful, thank you so much.
How to get that colorful terminal?
U r such a good person. Thank u sooo much for the video
Awesome 👏, i want the extensions or plugin names which you are using in visual code
very helpful... thanks and please keep making such videos.
Thanks Jasmohan!
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
can you tell me how to take user desire amount input please ?
and how to send mail to correspond user ?
Explained well...can you plz mk video on how to implement Razorpay subscriptions plz
Hey, how to integrate this with Firebase
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
Hey thanks man it is very help full
I think razorpay automatically validate checksum.
Is using razorpay completely free or it will charge after time?
Razorpay charges few % on every payment + gst.
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.
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
Great tutorial !
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
can this be used in react native?
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.
Sir please make razorpay onboarding like stripe express like automate user payment
wow.... This is so amazing!!
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
What countries does it support? Can it support Kyrgyzstan?
For receiving payments? I think yes. As merchants, I believe India only for now.
Working man awesome
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 ?
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
Thank you , very helpful .
Hey there How do I pass dynamic amount and name .
server code me db se price leke amount me bhej de frontend ko
Glad you did it man..thanks..!
Thank you too Prakad
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
is it possible to add addional value in handler? to send it to database? like ammount and order id?
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
Make Tutorial on razorpay integration with python django
Django isn't really my stack. The concepts remain same though :)
Bro how to customize payment link please make a video in this regarding
What do you mean?
Thank you it helped me alot
Thank you too Sourabh
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
thank you so much for your videos
Thank you so much :)
It would have been better if you had provided Demo first
Thanks a lot bro
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 ?
make some content for type script too
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.
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
Well prepared tutorial!!!, It worked completely fine for me...Thanks
Thank you Aditya
Thankss a lot...............................................................................................................................
What if the amount is entered by the user?
Reduce the background music please , thats very loud .
29:02 Been there, done that LMAO
Haven't we all, haha 😂
It's easier than Paytm ,
: - )
So many ads in one tutorial
Yo how tf are you soo smart
I just read docs lol
Razorpay Sucks.....
We don’t have a lot of good alternatives in India apart from Razorpay