Ionic 7+ Razorpay Integration using Capacitor 5 (2024)

Hello Friends, Welcome Back to @CodingTechnyks. In this video, we are going to learn about "Ionic 7 Razorpay Integration using Capacitor 5 (2024) with Angular 17 standalone approach" #ionic #angular for #pwa, #android & #ios #capacitor
► Finance App Series: • Ionic Finance App UI S...
► SwiperJS 9 in Ionic 7 - • Ionic 7 Swiper Slide u...
----------------------------------------------------------------------------------------------------------------------------------------------------
► Check out my Udemy Courses (upto 95% off):
1. Ionic 7+ & NodeJS: Beginner to Pro-Build Food Delivery App: www.udemy.com/course/ionic-6-...
2. Ionic 7+ From Beginner to Advanced - Build Food Delivery App : www.udemy.com/course/ionic5-b...
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: www.udemy.com/course/nodejs-b...
4. Ionic 7+ Chat App using Firebase:
www.udemy.com/course/ionic-ch...
----------------------------------------------------------------------------------------------------------------------------------------------------
► Check out our Templates & Code scripts
1. Ionic 7+ Food Delivery Customer App template (ngModules & standalone): codecanyon.net/item/ionic-7-f...
2. Ionic 7+ Food Delivery Complete Platform (including Customer, Restaurant, Rider Apps & Angular 17 Admin panel):
codecanyon.net/item/ionic-7-f...
----------------------------------------------------------------------------------------------------------------------------------------------------
► Ionic Capacitor Generate APK & Run in Android & iOS: • Ionic Capacitor - Crea...
► Ionic ALL IN 1 DELIVERY APP UI All Episodes Playlist - • Ionic All in 1 Deliver...
► App Auth Screen Playlist: bit.ly/authScreenSeries
► Social Media
Facebook: / codingtechnyks
Github: github.com/Nykz
Instagram: / codingtechnyks
Twitter: / codingtechnyks
► Source code: github.com/Nykz/Ionic-Capacit...
Thanks for watching!
Kindly Like + Subscribe for such Interesting Videos.
Timestamp:
00:00 - Intro
00:36 - Setup Razorpay Account
03:08 - Integrate Razorpay API key in Ionic App
05:08 - Design Ionic App
09:58 - Add Android & iOS platforms
11:09 - Implement Razorpay in Ionic App with NodeJS (as backend)
49:42 - Implementing Razorpay Webhook
55:39 - Using Ngrok (to access NodeJS apis from Internet) & Setup Webhook
01:02:00 - Testing in Android & iOS

[@CodingTechnyks]

► Check out my Udemy Courses (upto 95% off):
1. Ionic 7+ & NodeJS: Beginner to Pro-Build Food Delivery App: www.udemy.com/course/ionic-6-with-nodejs-the-complete-beginner-to-pro-course/?couponCode=50CF90B818B588192B7E
2. Ionic 7+ From Beginner to Advanced - Build Food Delivery App : www.udemy.com/course/ionic5-beginner-to-advanced-build-food-delivery-app/?couponCode=81F8F3313A0A5AC11754
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: www.udemy.com/course/nodejs-beginner-to-pro-apis-for-food-delivery-ecommerce/?couponCode=09876A6D3755DBCDBB46
4. Ionic 7+ Chat App using Firebase:
www.udemy.com/course/ionic-chat-app-using-firebase/?couponCode=43119B2239EF9638DB49
----------------------------------------------------------------------------------------------------------------------------------------------------
► Check out our Templates & Code scripts
1. Ionic 7+ Food Delivery Customer App template (ngModules & standalone): codecanyon.net/item/ionic-7-food-delivery-app-template-standalone-ngmodule/47788611
2. Ionic 7+ Food Delivery Complete Platform (including Customer, Restaurant, Rider Apps & Angular 17 Admin panel):
codecanyon.net/item/ionic-7-food-delivery-apps-angular-17-admin-panel-with-firebase/50573138

[@tech_soft]

Thank you brother, Razorpay was not opening in my Angular + Capacitor app, it is done now, thanks.

[@VinayKumar-gq3ww]

hello sir your content and teaching skill are amazing, can you pls make video on face recognition registration and login system for ionic 7.

[@monapplication5013]

Sir Ur video are Amazing i have ionic app 4 pages
I import widget Map as scripts async
But the Map appear in all pages . Even i put it just in home component

[@CodingTechnyks]

You must be making some mistakes
Connect via Instagram tomorrow at 4pm IST

[@bilalmansuri8528]

Sir i watch all the capacitor videos its awesome nad helpful. But have problem in view pdf in my app. But i try many plugins bit not working can suggest some thing for my ionic angular v16 project.

[@CodingTechnyks]

view pdf from app?
openPdf(){
this.fileOpener.open('/link_to_your_pdf_file', 'application/pdf')
.then(() => console.log('File is exported'))
.catch((e) => console.log(e));
}
fileopener from cordova plugin

[@rylenlobo6438]

I integrated the plugin in a react application it works on Android but not on web why so?

[@CodingTechnyks]

In web
It may not work and it’s written in docs as far as I remember

[@Laughteraddahere]

Hey, I did exactly same and it's working fine in all scenario except in one, here are steps to reproduce
1 select other in upi
2 enter upi id and minimize app
3. Open upi app and make payment
4. Again back to app, it's taking to 2-3 minutes for payment successful
I tried everything but still not resolved.
Could you please help me.

[@CodingTechnyks]

Connect via Instagram tomorrow
Have to check it

[@naveenbangwal_dev]

I don't want to use --force that that is why I am here.

[@CodingTechnyks]

No option until they update the plugin

[@PrinceKumar9811]

razorpay_signature is not received

[@PrinceKumar9811]

can you tell me why is not received razorpay_signatur

[@CodingTechnyks]

From checkout
You won’t receive as shown
For further queries, connect via Instagram

[@CodingTechnyks]

@PrinceKumar9811 I don’t know yet