CODEWITHSUNDEEP
javascriptgoogle-apigoogle-signingoogle-developers-consolegoogle-api-js-client
gvd
gvd

Reputation: 1592

Google API Uncaught exception when use gapi.load

When I used this type of initialization:

var auth2;
gapi.load('auth2', function() {
    gapi.auth2.init({
    client_id: 'MY_CLIENT_ID.apps.googleusercontent.com',
}).then(function(){
    auth2 = gapi.auth2.getAuthInstance();
    console.log(auth2.isSignedIn.get()); //now this always returns correctly        
    });
});

I got the following error:

uncaught exception: gapi.auth2.ExternallyVisibleError: Missing required parameter 'client_id'  (unknown)
TypeError: auth2 is undefined

But if I initialized using meta tag

<meta name="google-signin-client_id" content="MY_CLIENT_ID.apps.googleusercontent.com">

That works, but auth2.isSignedIn.get() gave me inconsistent values.

How can I solved this issue?

Upvotes: 2

Views: 4789

Answers (2)

koopmac
koopmac

Reputation: 966

Building on Krishna's answer, specifically, you want to remove the data-onsuccess="onSignIn"></div> section, then create a custom button:

<div id="my-signin2"></div>
<script>
    function renderButton() {
    gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
    });
    }
</script>

As my sign-in is handled server-side I've added another jquery function to redirect to my backend flow, but you can adjust accordingly:

    <script>
    $('#my-signin2').click(function() {
        // if your sign in is handled by your backend:
        location.href = "/signin";

        // signInCallback defined in step 6.
        // auth2.grantOfflineAccess().then(signInCallback);
    });
</script>

Upvotes: 0

Krishna Santosh Nidri
Krishna Santosh Nidri

Reputation: 440

You may have included the below line of code to display Google's Sign In button.

<div class="g-signin2" data-onsuccess="onSignIn"></div>

If so, remove that from your html page and check if you are still getting error in console.

Upvotes: 1

Related Questions