How to implement Google Pay in React JS application
Vložit
- čas přidán 16. 05. 2022
- How to implement Google Pay in React JS application
In this video, I am going to show you how to implement Google Pay in React JS application. It is very easy and simple to integrate the Google Pay APIs in React JS application. Google Pay is a fast, safe and secure payment system.
With the Google Pay API, your customers can use the cards saved to their Google Accounts for seamless checkout within your apps and sites.
This video covers an overview of how Google Pay API makes your web payments faster, easier and more secure and how it works with your existing payments processing stack - making the integration really simple.
Explore a full end-to-end live integration of the Google Pay online APIs into a Web application, with tips and best practices. This video will help you familiarize with the steps needed to start facilitating payments in your Web application using Google Pay.
Blog Post : www.connectedprogrammer.com/h...
Points covered :
1) Create Blank React Application 00:00:29
2) Install Google Pay Package 00:00:51
3) Import Google Pay Button component 00:01:42
4) Include Google Pay Button to render 00:02:05
5) Run the project with npm start 00:08:05
6) Check the Google Pay Button on Browser 00:09:52
7) Check payment status 00:11:45
8) Payment object summary 00:11:52
9) Steps to generate Merchant Id and Name 00:13:03
Best Programming and Coding Laptops :-
amzn.to/3sUstfr
amzn.to/3hW24Y4
amzn.to/3MAKWW8
amzn.to/3KxzuJ9
amzn.to/3vRLj8D
amzn.to/3pOZozQ
amzn.to/34rNBQF
🎥 MY CZcams GEAR
My Camera - amzn.to/3JWpubo
Main Tripod - amzn.to/3uTVAAs
Vlogging Tripod - amzn.to/3M9t7we
Main Key Light - amzn.to/3EFEfyF
Softbox - amzn.to/3uRTukG
LED Panel Kit - amzn.to/38UkC9X
Teleprompter - amzn.to/3rBhUNg
Main Microphone - amzn.to/36qRqqh
Mic Boom Arm - amzn.to/3hUHzuX
Lavelier Microphone - amzn.to/3JQBds5
C-Stands - amzn.to/3OmAwdr
Recording Laptop - amzn.to/3vqZjEE
Editing laptop - amzn.to/38160Fg
Tools Used : Microsoft SQL Server 18.8
📻 Recommended Courses
➤ React JS Tutorial : • ReactJS Tutorial for B...
➤ React Router Tutorial : • React Router Tutorial ...
➤ ASP.Net WEB API Tutorial : • ASP.NET Web API tutori...
➤ SQL SERVER Tutorial : • SQL Server Tutorial Fo...
➤ HTML Crash Course: • HTML Crash Course For ...
➤ Payment Gateway Integration : • CCavenue Payment Gatew...
➤ WEB API With SQL SERVER : • ASP NET Web API with S...
☕ Buy me a Coffee (Channel Support through Donation)
➤ Online: bit.ly/32f22mQ
➤ Google Pay UPI ID: deshwal.03@okicici
Subscribe to this channel
➤ bit.ly/2IaMZUr
Share, Support, Subscribe Now :
CZcams 🎥 : / manojdeshwal
Instagram 📷 : / openprogrammer
Twitter 🐦 : / openprogrammer
Facebook 👍 : / openprogrammer
Website 🌐 : www.connectedprogrammer.com/
Github 🌐 : github.com/adminManoj/GoogleP...
⭐️Tags : ⭐️
#googlepay
#googlepayintegration
#googlepaydemo
⭐️ Topics are covered as follows : ⭐️
Google Pay API explained
how to use Google Pay API
Google Pay API implementation
what is Google Pay API
Google Pay API for web
Google Pay
Google Pay API
Android Pay
web payments
online payments
Payments Request API
online check out
online checkout
Stripe
PayPal
Braintree
Yandex.Checkout
Adyen
checkout.com
PayU
Sberbank
Worldpay
GDS: Yes
integrating google pay online
integrate google pay online
how to integrate google pay online
how to integrate google pay
integrate google pay
google pay
google pay integration
google pay api
google pay developer
google pay developers
developer
developers
google developers
google
web integration
Google Pay Business Console
payments
payment processor
psp
payment gateway
If you have liked this video then please don't forget to like, share and subscribe. Please let me know you opinion or suggestions by commenting below it motivates me to keep contributing to the dev community.
Thanks for watching. 😊😊 🙏🙏 - Věda a technologie
As per your video every thing done exactly and on on start GooglePay button appears but On click error msg in console comes like this: DEVELOPER_ERROR in loadPaymentData: Both PAYMENT_AUTHORIZATION intent and
onPaymentAuthorized must be set . Pls guide me to run your code: thanks
Brother I am struggling to put Gateway merchant id. Please can u tell me where can I get it for production environment?
Sir how to implement Google pay and apple pay using stripe in react? Could you plz make a video on that
bro card number real fill krna padega ??
thank u sir
and the code which u had been used its working
Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle.
Keep learning and supporting 👍.
Are you still working work from home?
Very good your video! Is this implementation also for react native?
Hi, welcome to my channel and thanks for the comment. Yes it is the same for React Native. Kindly follow me on Instagram @openprogrammer is my Instagram handle.
Keep learning and supporting 👍
Is work upi for India?
Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍
13:20
Bro in gateway ??
Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle.
Keep learning and supporting 👍
bro can plzz help on google pay
Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle.
Keep learning and supporting 👍
It would be very helpful if you make the full video, as per the docs we need to process payment and also which frontend returns after submitting the payment details. And how we could do that please make a video on that.
Hi Nehat, welcome to my channel and thanks for the comment. I will try to create a full video on this Google Pay Integration. Kindly connect and follow me on Instagram @openprogrammer is my Instagram handle.
Keep learning and supporting 👍
i have integrated the google pay API In my website and when I test it to make sure it is working fine or not it's giving me an error like this
Your request failed. Use a different payment method, or contact us. Learn more [OR-CCSEH-21] can you please tell me why m facing this issue
Brother how did you configure? For UPI payment or Card payment?