Login With Google

Login With Google
Login with google

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    
    <div id="g_id_onload"
         data-client_id="7734250976-obt32uahupkmtaep4rr7gq0q8p0qibh7.apps.googleusercontent.com"
         data-context="signin"
         data-ux_mode="popup"
         data-callback="login_by_google"
         data-auto_select="true"
         data-itp_support="true"> 
    </div>
    
    <div class="g_id_signin"
         data-type="standard"
         data-shape="rectangular"
         data-theme="outline"
         data-text="signin_with"
         data-size="large"
         data-logo_alignment="left">
    </div>
    
    
    <script>
        function login_by_google(response){
            
            const tokens = response.credential.split(".");
                const responsePayload = JSON.parse(atob(tokens[1]));
                console.log("ID: " + responsePayload.sub);
                console.log('Full Name: ' + responsePayload.name);
                console.log('Given Name: ' + responsePayload.given_name);
                console.log('Family Name: ' + responsePayload.family_name);
                console.log("Image URL: " + responsePayload.picture);
                console.log("Email: " + responsePayload.email);
                console.log(responsePayload);
        }
      
    </script>
    
</body>
</html>

Referace stackoverflow

Referance Google

Write a Associte Comment
Markdown Editor