Google Plus登录呼叫排队

Question

我正在尝试在我的主干js应用程序中使用google +登录。 用户流程是

1. 用户单击登录按钮
2. 这将打开带有Google+登录按钮（以及Facebook登录等）的引导程序（thttp：//twitter.github.io/bootstrap/）模式。
3. 用户必须明确点击g +登录按钮才能登录到我的网站。

为了防止自动g +登录，我要做的是显示一个自定义g +登录按钮，然后单击onclick，我将“ gapi.signin.render” api与该自定义登录按钮一起用作容器。 第一次单击登录按钮时，此方法运行良好，但是如果用户注销并尝试重新登录，则第一次单击时什么也没有发生，但是在第二次单击时，g +登录被触发两次，每次用户注销时，其加1并重新登录。每次仅在第二次点击时触发g +登录。 请注意，我的应用程序是单页应用程序，因此在注销和登录之间没有重新加载。 如果我重新加载该站点，则它会在第一次运行，并且问题再次出现在以后的登录中。

注意：每次成功登录后，都会删除用于显示g +登录按钮的modal（及其DOM），并在用户每次单击主登录按钮时重新创建。 我注意到，成功登录后，由g +登录按钮创建的iframe仍然存在，并且在我再次重新创建模态并调用“ gapi.signin.render” api调用时可能会有所干扰。

我使用的代码是

在主干视图中，render方法具有

render: function() {
        var thisV = this;
        _.defer(function(){
            gapi.signin.render('gSignIn', {
              'callback': thisV.gPlusLoginCB,
              'clientid': "clientID",
              'requestvisibleactions': "http://schemas.google.com/AddActivity",
              'scope': "https://www.googleapis.com/auth/plus.login",
              'theme': 'dark',
              'cookiepolicy': "single_host_origin"
            });
        });
    }

在html模板中

<button id="gSignIn" class="btn gplogin">
      <i class="icon-google-plus"></i>Login
</button>

是否对为什么G +登录呼叫排队或如何实现我的方案有任何想法？

谢谢

Answer 1

我不知道您为什么会看到多次身份验证尝试的任何原因。

您可以在看到此行为的地方张贴一个最小的代码示例吗？

根据您的描述进行猜测，您是否将g-signin按钮的自定义渲染与gapi.signin.render混合在一起？ 例如，使用以下命令呈现自定义按钮：

<span id="signinButton">
  <span
    class="g-signin"
    data-callback="signinCallback"
    data-clientid="CLIENT_ID"
    data-cookiepolicy="single_host_origin"
    data-requestvisibleactions="http://schemas.google.com/AddActivity"
    data-scope="https://www.googleapis.com/auth/plus.login">
    <!-- Custom button markup -->
  </span>
</span>

然后调用例如：

gapi.signin.render('signinButton', {
      //'callback': 'signinCallback',
      'clientid': 'CLIENT_ID',
      'cookiepolicy': 'single_host_origin',
      'requestvisibleactions': 'http://schemas.google.com/AddActivity',
      'scope': 'https://www.googleapis.com/auth/plus.login'
    });
  }

Answer 2

抱歉，这么晚了。 我只是有完全相同的问题。

当我将options对象的创建从函数中移出时，一切工作正常：

var options = {
                  'callback': thisV.gPlusLoginCB,
                  'clientid': "clientID",
                  'requestvisibleactions': "http://schemas.google.com/AddActivity",
                  'scope': "https://www.googleapis.com/auth/plus.login",
                  'theme': 'dark',
                  'cookiepolicy': "single_host_origin"
                }

/**

/**

/**

    render: function() {
            var thisV = this;
            _.defer(function(){
                gapi.signin.render('gSignIn', options );
            });
        }