javascript - Deseo llamar a la función de devolución de llamada de Google Plus al hacer clic en el botón Google Plus

jquery codeigniter

Question

He usado un botón de Google Plus en mi proyecto [construido en CodeIgniter]. Aquí he agregado el siguiente código.

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

Luego agregué el código Javascript provisto por 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: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> 

Funciona bien para mí, pero si inicio sesión en mi cuenta de Gmail en una pestaña separada y luego voy a mi página de inicio de sesión, la función de devolución de llamada solo inicia sesión automáticamente con mis credenciales de Gmail y me redirecciona a mi panel.

Quiero que a menos que haga clic en ese botón de Google Plus, la función de devolución de llamada no funcione. ¿Cómo puedo hacer esto? Por favor, ayúdame.

Answer 1

Desde los documentos, parece que el botón de inicio de sesión, cuando se usa de esta manera, siempre intentará una validación inmediata. Como ya has iniciado sesión en google y has autorizado la aplicación, google automáticamente inicia sesión y te envía a tu panel.

Sugeriría no usar ese código de muestra. En su lugar, podría utilizar otras partes de la API de JavaScript de Google ( https://developers.google.com/+/web/api/javascript ) Haga un botón de inicio de sesión en Google que sea un botón normal. Cuando se hace clic en él, llame a gapi.auth.authorize() para iniciar sesión en el usuario. Luego, no ocurre nada hasta que haga clic en el botón, y cuando lo haga, ya sea que solicite aprobación / inicio de sesión o simplemente inicie sesión automáticamente.

Answer 2

En la función signinCallback(authResult) , primero debe verificar si el usuario ha signinCallback(authResult) y luego verificar, si el valor del método es AUTO o PROMPT . PROMPT es exactamente lo que quiere porque se devuelve cuando el usuario hace clic en el botón de inicio de sesión. Aquí está el código:

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