2013-06-13 56 views
8

我在我的項目中使用了Google Plus按鈕[內置CodeIgniter]。這裏我添加了下面的代碼。點擊Google Plus按鈕時,我想調用Google Plus回撥功能

<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> 

然後我添加了由Google提供的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按鈕,回調函數不應該工作。我怎樣才能做到這一點?請幫幫我。

+0

這聽起來像你點擊按鈕的跡象,上登入的,它帶給你回到老片,但你希望它在同一個標​​籤渲染? –

+0

@ aritra-chakraborty由於我沒有看到與PHP的關係,我重申了你的問題。 – SteAp

+0

好的......謝謝@SteAp ...你能告訴我我該怎麼做。 – ABorty

回答

2

從文檔看,它看起來像簽名按鈕,當以這種方式使用時,將始終嘗試立即驗證。由於您已登錄Google並授權該應用,因此Google會自動登錄並將您發送到儀表板。

我建議不要使用該示例代碼。相反,您可以使用Google Javascript API的其他部分(https://developers.google.com/+/web/api/javascript)讓Google登錄按鈕即普通按鈕。點擊該按鈕後,請致電gapi.auth.authorize()將用戶登錄。然後在點擊該按鈕之前什麼都沒有發生,當他們這樣做時,它要麼要求批准/登錄,要麼只是自動簽署用戶。

+0

謝謝@Ron我會實施它,讓你知道我是否面臨任何問題。 – ABorty

3

signinCallback(authResult)函數中,您應該首先檢查用戶是否已登錄,然後您應該檢查,如果方法值爲AUTOPROMPTPROMPT正是你想要的,因爲它是在用戶點擊登錄按鈕時返回的。下面的代碼:

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']); 
    }