 Your name? Takuro Your password? One, two, three, four, five? No Quarantine? No How about admin? No What's up guys? What's happening? Do you know this guy? Sure! He's Takuro He visits me every day Do you need the ID? Thanks Can I get in now? Yeah, go ahead All right See you tomorrow We all know that passwords can be a pain Every website asks for one Users have a ton of them they can't remember Or even worse, some users have one or two passwords Reused across various websites and apps Which could be a big security risk This is not fun for users or developers My name is Eiji And there's a handy and simple solution to this issue Called Federated Logging Federated Logging means that Users authenticate using a search party identity Usually without re-entering credentials or profile information Google Sign in is Google's take on federated logging And is designed to be as easy as possible For you to implement and for users to sign in Let's see how it works Here's the sign in button When the user steps on it A sign in window appears The user chooses an account And then signs in if he is not signed in already The user allows access to profile information Now the pop-up window closes And the user is signed in Notice that the current best practice for asking permissions Is incremental authorization This means that rather than signing in And requesting user permissions at the same time You should first sign your user in And request for permissions only when they are needed Check out my authorization video for further details on this Now let's take a look at how to implement Google Sign in In just a few steps First, head over to Google Developers Console Create a project Add a credential Configure a content screen And create a client ID In HTML, add the client ID to the head section Using MetaTag Then load APIJS This is the core of Google JavaScript library When APIJS is loaded Call GAPI load to import OS 2 module To enable Google Sign in Then call GAPI OS 2 init to initialize Once these are done, you are ready The next step is to render a sign in button The most generic option to do this Is to use a custom button Put an HTML tag and use regular CSS To design the button Don't forget to read our guidelines for designing the button You will also find the button assets in the same doc Add an event listener and inbox sign in When the button is pressed The sign in function returns a Google user object Use it to get basic profile information Such as username, email and the profile image Finally, users can sign out Simply by calling sign out Review our sample code here For a more detailed work through Ok, this was the basis of authentication Using Google Sign in But what do you do if there is a server involved? Or how would you access the Google APIs On behalf of the user? I will talk about these workflows In the following videos in this series Thank you for stopping by And stay tuned