8

我在我的项目中使用了 Google Plus 按钮 [内置 CodeIgniter]。在这里，我添加了以下代码。

<span id="signinButton">
  <span
    class="g-signin gooConnect"
    data-callback="signinCallback"
    data-clientid="my_project_client_id"
    data-cookiepolicy="single_host_origin"
    data-requestvisibleactions="http://schemas.google.com/AddActivity"
    data-scope="https://www.googleapis.com/auth/userinfo.email">
  </span>
</span>

然后我添加了谷歌提供的 Javascript 代码。

<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:plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();

  function signinCallback(authResult) {
    if (authResult['access_token']) {
      $.ajax({
        url:base_url+'index.php/user/getUserProfile',
        type:'POST',
        data:{'access':authResult['access_token']},
        beforeSend  : function(){
          $("#loadingImageBeforeResult").show('slow');
        },
        success : function(resp){
          $("#loadingImageBeforeResult").hide('slow');
          if( resp == 'exist' ){
            window.location.href=base_url+'index.php/user/my_deals';
          } else {
            $('#link_for_geniepage').trigger('click');
          }
        },
        error : function(resp){}
      });
    } else if (authResult['error']) {
      // There was an error.
      // Possible error codes:
      //   "access_denied" - User denied access to your app
      //   "immediate_failed" - Could not automatially log in the user
      // console.log('There was an error: ' + authResult['error']);
    }
  }
</script>

它对我来说很好，但是如果我在单独的选项卡中登录我的 Gmail 帐户，然后我转到我的登录页面，回调函数只会使用我的 Gmail 凭据自动登录并将我重定向到我的仪表板。

我希望除非我点击那个 Google Plus 按钮，否则回调函数应该不起作用。我怎样才能做到这一点？请帮我。

4

2 回答 2

3

在signinCallback(authResult)函数中，您应该首先检查用户是否已登录，然后您应该检查方法值是否为AUTOor PROMPT。PROMPT正是您想要的，因为它是在用户单击登录按钮时返回的。这是代码：

function signinCallback(authResult) {
  if (authResult['status']['signed_in'] && authResult['status']['method'] == 'PROMPT') {
      // User clicked on the sign in button. Do your staff here.
  } else if (authResult['status']['signed_in']) {
      // This is called when user is signed in to Google but hasn't clicked on the button.
  } else {
      // Update the app to reflect a signed out user
      // Possible error values:
      //   "user_signed_out" - User is signed-out
      //   "access_denied" - User denied access to your app
      //   "immediate_failed" - Could not automatically log in the user
      console.log('Sign-in state: ' + authResult['error']);
  }
于 2014-10-17T11:09:43.407 回答
2

从文档中，看起来登录按钮，当以这种方式使用时，总是会尝试立即验证。由于您已经登录 google 并已授权该应用程序，因此 google 会自动将您登录并将您发送到您的仪表板。

我建议不要使用该示例代码。相反，您可以使用 Google Javascript API ( https://developers.google.com/+/web/api/javascript ) 的其他部分制作一个普通按钮的 Google 登录按钮。单击该按钮后，调用gapi.auth.authorize()以登录用户。然后在他们单击按钮之前什么都不会发生，当他们这样做时，它要么要求批准/登录，要么只是自动让用户登录。

于 2013-09-16T04:17:14.910 回答