How To Add Google Sign In With Angular CORRECTLY! | 2023 Full Tutorial With Angular 14 .Net 6 App

Published: 01 January 1970
on channel: Israel Quiroz
22,582
519

How To Add Google Sign In With Angular

Adding Google Sign In to your application brings so many benefits. You get to add the trusted logo of one of the biggest tech companies in the world to your application. It also brings all the security and convenience users already to know to an application that might be new to them. Today we will be adding to a Angular 14 application the ability to create the Google Sign In button as well as Sign in with it. We will then merge the information Google gives us to hit our API and return a JWT to complete the circle and authenticate a user. If you find the video useful please consider dropping a like and subscribing to the channel.

JWT Auth Playlist:    • JWT Authentication & Authorization  
Github Client Code For This Video: https://github.com/israelquiroz93/JWT...
Github Project Code: https://github.com/israelquiroz93/JWT...

Link To Sign In With Google Documentation: https://developers.google.com/identit...

Support Me On Patreon:   / israelquiroz  
Follow Me On TikTok: https://www.tiktok.com/@israelquiroz9...
All My Links Here: https://linktr.ee/israelquiroz

#GoogleSignInWithAngular #Angular #GoogleLoginButtonInAngular

TimeStamps
----------------------------
00:00 Intro
00:53 Creating The UI In Angular
16:00 Testing The UI
17:47 Registering Your App In The Google Cloud
22:36 Testing UI WIth Google Client ID
23:34 Adding The Google Authentication In Our .Net API
30:43 Testing The Full Google Sign In With Client & API


Watch video How To Add Google Sign In With Angular CORRECTLY! | 2023 Full Tutorial With Angular 14 .Net 6 App online without registration, duration hours minute second in high quality. This video was added by user Israel Quiroz 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 22,582 once and liked it 519 people.