Google Sign in doesn't work only for web mobile

Question

My site is implementing Google Sign-In with the code below and it's working pretty well.

When I try to do it in the mobile version, it works, but I don't get the answer of sign in. I guess it's because mobile version doesn't show a popup but a new tab (Facebook has the same behavior as well...)

How should I proceed to get it to work in the mobile version too?

gapi.load('auth2', function() {});

$(function() {
  $("#btn-google-login").on('click', function() {

    var proccedLogin = function(resp) {
      // my continue code...
    }

    // Retrieve the singleton for the GoogleAuth library and set up the client.
    auth2 = gapi.auth2.init({
      client_id: $('meta[name="google-signin-client_id"]').attr('content'),
      cookiepolicy: 'single_host_origin',
      prompt: 'consent',
      immediate: false
    }, function() {});

    auth2.signIn()
      .then(proccedLogin)
      .catch(function(error) {
        alert(JSON.stringify(error, undefined, 2))
      })

  }) // btn google click
})

P.S. The error I get is 'popup_closed_by_user', but I didn't closed the tab by my own.

Edit

Now I'm getting 'popup_blocked_by_browser'. I followed some changes described in the link below but it just returns the same error...

detect error: "popup_blocked_by_browser" for google auth2 in javascript

Might not directly related, but what happens if you put `gapi.auth2.init()` call inside `gapi.load()` callback? `auth2.signIn()` should be called after `gapi.auth2.init()` is resolved. — agektmr, Dec 21 '18 at 06:57
Try this : `Promise.resolve(gapi.auth2.getAuthInstance().signIn()).then` — I_Al-thamary, Dec 24 '18 at 21:31
https://github.com/google/google-api-javascript-client/issues/232 — I_Al-thamary, Dec 24 '18 at 21:32
"approval_prompt=force no longer works" https://github.com/googleapis/oauth2client/issues/453 — Marco A. Braghim, Dec 27 '18 at 10:47

score 0 · Answer 1 · answered Dec 24 '18 at 21:33

0

Try this : Promise.resolve(gapi.auth2.getAuthInstance().signIn()).then source:https://github.com/google/google-api-javascript-client/issues/232

answered Dec 24 '18 at 21:33

I_Al-thamary

3,385
2
24
37

I don't know if was it the problem, on my own cell phone it doesn't working yet (it's a very old iPhone 4 rsrsrs), but I tested with others devices and ok... So let's say it is the solution, for now... – Marco A. Braghim Dec 27 '18 at 11:48
@MarcoA.Braghim try to read more in the link that I gave with the answer to understand more about the problem. But, I think it solves the problem. – I_Al-thamary Dec 27 '18 at 11:57
Point is that this behavior was already just like it is now, I mean, nothing have changed even with this code change, so... – Marco A. Braghim Dec 27 '18 at 15:32

Google Sign in doesn't work only for web mobile

1 Answers1