Popup blocking the gdrive authorization in chrome

Question

So, the problem is that popup blocking the window open even if it is done by a user action, click for example..

gapi.auth.authorize({
   client_id: this.client_id,
   scope: this.scopes,
   access_type: 'online',
   immediate: immediate
}, function(authResult) {
   console.log(authResult)
});

If i simply open the window on user click as here:

$('.some').click(funciton(){
    window.open(someurl)
})

it works fine, but if i did it throw the gdrive api(gapi.auth.authorize), this blocking anyway.

A must, I can not force users to off popap blocking. I hope that anybody now how solved it :), thanks

Ben Eliott · Answer 1 · 2013-05-07T08:59:06.070

5

Try this:

Include an onload event in your call to client.js

<script type="text/javascript" src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script>

Call gapi.auth.init from the onload function:

function handleClientLoad() { window.setTimeout(gapi.auth.init,1); }

In your authorize configuration set immediate: false.

Check that 1. is below 2. in the flow of the page.

edited May 07 '13 at 08:59

answered May 07 '13 at 08:52

Ben Eliott

634
4
8

score 4 · Answer 2 · answered Oct 08 '13 at 05:18

4

Just adding the a reference https://developers.google.com/api-client-library/javascript/reference/referencedocs

gapi.auth.init(callback) Initializes the authorization feature. Call this when the client loads to prevent popup blockers from blocking the auth window on gapi.auth.authorize calls.

ps: vote up requires 15 reputation .. so couldn't vote up Ben's answer :)

answered Oct 08 '13 at 05:18

user2857163

41
1

Thank you so much! – Libin Oct 08 '18 at 09:32

score 3 · Answer 3 · answered Mar 28 '13 at 14:17

3

Popups that don't originate from user events will get blocked depending on your browser's settings. You can try setting immediate to false:

gapi.auth.authorize({
   client_id: this.client_id,
   scope: this.scopes,
   immediate: false
}, function(authResult) {
   console.log(authResult)
});

You can use this code to refresh the access token after you've already authorized the app.

answered Mar 28 '13 at 14:17

Boris Jockov

614
1
6
15

1

In my example variable "immediate" already contains false, popap already pops but blocking. gapi.auth.authorize calls on click event, but anyway blocking, that's a problem. – nikitka Apr 01 '13 at 10:43

score 0 · Answer 4 · answered Jan 20 '16 at 14:59

The first call to gapi.auth.authorize can trigger popup blockers. The best way to prevent this is to set up a user-triggered action that calls gapi.auth.authorize with immediate: false parameter.

Quoted from the api documentation: https://developers.google.com/api-client-library/javascript/features/authentication#popup

score 0 · Answer 5 · answered Nov 02 '17 at 17:32

You only needs gapi.auth2.getAuthInstance().isSignedIn.get(); without button authorize permission. This disable the popup.

gapi.client.init({
     discoveryDocs: DISCOVERY_DOCS,
     clientId: CLIENT_ID,
     scope: SCOPES
}).then(function () {    
     // Handle the initial sign-in state.
     gapi.auth2.getAuthInstance().isSignedIn.get();
});

Popup blocking the gdrive authorization in chrome

5 Answers5

Linked