如何在JavaScript中使用Google登录？_Javascript_Html_Google Api

如何在JavaScript中使用Google登录？

javascript html google-api

如何在JavaScript中使用Google登录？,javascript,html,google-api,Javascript,Html,Google Api,大家好，堆栈溢出，我正在开发一种将Google登录集成到我的web应用程序的方法。这是密码 <script src="https://apis.google.com/js/platform.js" async defer></script> <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com"> <div class="g-sig

大家好，堆栈溢出，我正在开发一种将Google登录集成到我的web应用程序的方法。这是密码

<script src="https://apis.google.com/js/platform.js" async defer></script>
<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
<div class="g-signin2" data-onsuccess="onSignIn"></div>
<script>
function onSignIn(googleUser) {
  var profile = googleUser.getBasicProfile();
  console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
  console.log('Name: ' + profile.getName());
  console.log('Image URL: ' + profile.getImageUrl());
  console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
}


函数onSignIn（谷歌用户）{
var profile=googleUser.getBasicProfile（）；
console.log（'ID:'+profile.getId（））；//不要发送到后端！改用ID令牌。
log（'Name:'+profile.getName（））；
log（'Image URL:'+profile.getImageUrl（））；
console.log（'Email:'+profile.getEmail（））；//如果“Email”作用域不存在，则此值为null。
}

帮助

您可以尝试以下代码，也可以参考以了解有关每个功能的更多信息

 <html lang="en">
  <head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
  </head>
  <body>
    <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
    <script>
      function onSignIn(googleUser) {
        // Useful data for your client-side scripts:
        var profile = googleUser.getBasicProfile();
        console.log("ID: " + profile.getId()); // Don't send this directly to your server!
        console.log('Full Name: ' + profile.getName());
        console.log('Given Name: ' + profile.getGivenName());
        console.log('Family Name: ' + profile.getFamilyName());
        console.log("Image URL: " + profile.getImageUrl());
        console.log("Email: " + profile.getEmail());

        // The ID token you need to pass to your backend:
        var id_token = googleUser.getAuthResponse().id_token;
        console.log("ID Token: " + id_token);
      };
    </script>
  </body>
</html>


函数onSignIn（谷歌用户）{
//客户端脚本的有用数据：
var profile=googleUser.getBasicProfile（）；
console.log（“ID:+profile.getId（））；//不要直接将其发送到服务器！
log（'Full Name:'+profile.getName（））；
log（'给定名称：'+profile.getGivenName（））；
console.log（'Family Name:'+profile.getFamilyName（））；
log（“图像URL:+profile.getImageUrl（））；
log（“Email:+profile.getEmail（））；
//需要传递到后端的ID令牌：
var id_token=googleUser.getAuthResponse（）.id_token；
日志（“ID令牌：+ID_令牌”）；
};