Интеграция гугл логина в стати c html - PullRequest
Новая
       4

Интеграция гугл логина в стати c html

0 голосов
/ 31 января 2020

Я пытаюсь интегрировать страницу входа в Google в страницу c html. Все, что мне нужно сделать, это то, что когда пользователь нажимает кнопку входа в Google, он получает страницу с учетными данными Google, и после успешной аутентификации я хотел отобразить основные c информационные значения на странице html. Вот код, который у меня есть. Я успешно могу войти в систему, но после этого я не вижу распечатанных значений. Любая помощь? 

<html lang="en">
  <head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="<ClientID>">
    <title>My Web app</title>
    <script src="https://apis.google.com/js/platform.js" async defer></script>
  </head>
  <body>
  <div id="profileinfo"></div>
    <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();
        alert("ID: " + profile.getId()); // Don't send this directly to your server!
        alert('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>

1 Ответ

0 голосов
/ 04 февраля 2020

у вас также нет обработки ошибок, что трудно отладить.

другой способ сделать это так: 

function onSignIn () {

  var instance = gapi.auth2.getAuthInstance();

        instance.signIn().then((response) => {

                var user = response.getBasicProfile();

                var data = {
                 id: user.getId(),
                 email: user.getEmail(),
                 name: user.getName(),
                 // etc
                }

                console.log(data);

              },
              err => {
              // error handling 
              console.log(error);
              });

     }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...