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

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.

#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

[IcedCupcakes]

OMG thank you so much for this! I realized too that all of the tutorials use angular social login and i was looking for one that doesnt and i finally found this! Thanks! You got a new subscriber!

[Sinaiii]

Dropped a like for the nice tutorial, keep it up!

[binhhoang]

Your videos are always close and practicable, keep up the good work buddy <3

[BraydenGirard]

Great video that fills a gap in Googles Docs. As of the end of this month old method of authentication will no longer work and googles documentation overcomplicates how simple it is to update. This video was excellent for showing how this can be done, even for an existing older Angular app! Thanks a bunch.

[souviksarkar]

It helped me a lot . I was stuck on one of my projects. cheers.

[BurnedPro]

Big thanks man, what a luck that i get to your channel.

[joseluisjimenez]

I agree, this is the best way to use the new google sign in. Thanks for the video. Greetings from Cuba.

[tommy--k]

Thanks much Israel great video! I am using a Django backend, and this worked great.

[krzysztofwinnicki]

Thanks a lot! You saved my life :) Great tutorial with clear explanation

[cynthianwakaeme]

Thank you so much, Google docs didn't do justice to this as you. Great tutorial 🥳

[peterabouabsi]

Amazing dude. Great and helpful video!!!

[JustPlainRob]

When you use the login_uri response the return values from Google are passed as URL query parameters to your specified endpoint. Google's api is a modified OAuth2 flow.

[lodebosmans]

Great tutorial. You deserve the acknowledgement for it. I was struggling very hard to set this google login up with Google Identity. So thanks a lot!

[tamaspeli]

This helped clear my mind out of documentation hell. Thank you!

[vikaskyatannawar]

Is it single sign in? i.e. if I run two such apps logging in or logging out effects the other app too?

[godriusRJ]

Just fantastic! Thank you very much for sharing.

[GrassXMagnum]

I am working on a new (rewritten) Angular app with a legacy backend, and the old app was setting the redirectUri as a Handler (ashx) in the backend, which would then send some JS back to the client, telling it to close the popup and start using the API. It works, but as I see here, callback to backend is not necessary at all and should actually callback to frontend first, then validate access_token using backend API & set token in cache. Anyway, thanks for this, your vid saved me a lot of head scratching today!

[danylobozhagora]

Honestly how tf isn't it this video promoted to the first page of google when you are looking for the damn thing. thank you so much brother

[hamidrezafarhadnia]

Hello, thank you for the great training you had. The project link is not available!!! Please fix it

[ZiaulHaqOfficial-]

Great video, you really solved big problem, best wishes for you and your channel and please keep it up