点击按钮启动Google登录

Question

您好，我正在使用Google api登录到我的Web应用程序。现在它的工作正常。但是问题是，当我转到登录页面时，sigin会自动启动。但是我不想要那样。我希望用户首先单击登录按钮，然后该过程将开始。

我正在使用下面的按钮

<div class="g-signin2" data-onsuccess="onSignIn"></div>

和google log in参考。

Answer 1

当您包含google client的js时，请使用onclick =“ renderButton”而不是“ onload”事件。

<script src="https://apis.google.com/js/client:platform.js?onclick=renderButton" async defer></script>

Answer 2

最好的方法是使用Java Script登录到Google，因为我发现了。

使用

script type="text/javascript">
      (function() {
       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
       po.src = 'https://apis.google.com/js/client.js?onload=onLoadCallback';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
     })();
</script>

初始化js。最后调用下面的方法登录用户

function login() 
{
  var myParams = {
    'clientid' : 'YOUR_CLIENT_ID.apps.googleusercontent.com', //You need to set client id
    'cookiepolicy' : 'single_host_origin',
    'callback' : 'loginCallback', //callback function
    'approvalprompt':'force',
    'scope' : 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/plus.profile.emails.read'
  };
  gapi.auth.signIn(myParams);
}

通过使用这个，我能够解决这个问题。现在，用户需要单击登录才能登录