Angular & Google Login - Using Google Platform Library (GAPI) for Google Sign-In and GMail

We build an angular application with google sign-in and gmail API access using the google platform library (gapi).

The Google Sign-In Javascript library is deprecated, clients can use the OAuth2 / OpenID Connect System of Google instead. I made a video about that:

(00:00) - Intro
(01:52) - Get a ClientId in Google Cloud Console
(04:02) - Include Google Platform Library (GAPI)
(05:09) - Implement Google Sign-In
(13:56) - Enable GMail API in Google Cloud Console
(15:00) - Integrate GMail API
(26:40) - Token Refresh
(28:24) - Outro

[adityawankhede]

I was looking for this implementation for so long. Thank you. It's just perfect!

[estevaoterci]

Good work! Keep making videos like this, you have a good technique and you know how to teach very well. Thank you very much. I had been racking my brains over this for a while and your method worked at first.

[박석현-wl]

You are an awesome programmer. Thanks to you:)

[tengzhang]

I got stuck at the point where this.subject.next(null) gives me this error: 'Argument of type 'null' is not assignable to parameter of type 'GoogleUser'.' How are you able to solve it?

[harshpatel]

Hello, is it working on incognito mode without kookie enable?

[hariprasathsathasivam]

i am using angular 10 version gapi class not visible in my service file

[edoardoremondini]

Can you update this tutorial for the new Google identity platform? Thank you so much

[hariprasathsathasivam]

angular version 10 does not working, how i achieve that

[heyitsaakash]

how to implement OIDC authentication/login using auth-code grant type...using angular. Is it to be done from backend or we can initiate same from angular

[santhoshkumarviswanathan]

Hi I'm implement a google login with angular right now i give error like popup was closed by user but it didn't closed by me, it automatically closed and then is show's error

[rammagadheeran]

How to get authorization code specifically

[ruchigupta]

I am getting {error: 'popup_closed_by_user'} error
Please suggest

[eroosamuyi]

please write an article i can't get all the commands easily

[wadiasalem]

can you show us how to do with google analytics

[suvendubiswal]

Good video but after login I get unable to see user name email token etc in browser, when I print console.log(this.user) in browser the output is null... in network one response I can see like {"valid" :true, "blocked" :true, "suppressed" :true } there is no access token Id and in console there is a error like

But when I did commet //..api.js inside index.html file suddenly all issues went away and my problem got resolved.