如何发布JS Google登录表单的“用户名”？

Question

我正在制作一个网络应用程序，在此网络应用程序中，用户可以使用其Google帐户登录。 我已经登录并退出部分工作。 在控制台日志中，我可以检查已登录用户的“ ID”，“名称”，“图像”和“电子邮件”。

现在，我想让用户知道他们始终处于登录状态。我制作了一个脚本，其变量为“名称”。 我没有收到任何错误，但是当我在网站上对其进行检查时，“名称”变量仍然是空白。

function onSignIn(googleUser) {
        var profile = googleUser.getBasicProfile();
          console.log('ID: ' + profile.getId()); 
          console.log('Name: ' + profile.getName());
          console.log('Image URL: ' + profile.getImageUrl());
          console.log('Email: ' + profile.getEmail()); 
      }
      </script>    
    </div>

    <p id="name"></p>

      <script>
        function nameUser() {
          var name = profile.getName();
        }

        var userName = {
          userText:"Logged in as:" + name,
          wholeUserName: function() {
                return this.userText;
              }
        }

        x = userName.wholeUserName();
          document.getElementById("name").innerHTML = x; 
      </script>

我是否完全错误地发布了用户名？ 这似乎几乎可行，但是我无法弄清楚“名称”部分。

Answer 1

您可以执行以下操作：

<p id="name"></p>
<script>

    function onSignIn(googleUser)
    {
        // Get the user
        var profile = googleUser.getBasicProfile();
        console.log('ID: ' + profile.getId());
        console.log('Name: ' + profile.getName());
        console.log('Image URL: ' + profile.getImageUrl());
        console.log('Email: ' + profile.getEmail());

        // Set the name
        document.getElementById("name").innerHTML = "Logged in as:" + profile.getName();
    }

</script>