google openid - TypeError: gapi.auth2 undefined

Question

Ask a Question

Welcome To Ask or Share your Answers For Others

google openid - TypeError: gapi.auth2 undefined

asked Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

I went exactly by the instructions for integrating google sign-in:

https://developers.google.com/identity/sign-in/web/sign-in#specify_your_apps_client_id

sign-in works, but sign-out gives a javascript error in the line:

var auth2 = gapi.auth2.getAuthInstance();

The error is:

gapi.auth2 undefined

I include the google platform library as instructed:

    <script type='text/javascript' src='https://apis.google.com/js/platform.js' async defer></script>

Why does it not work?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1.3k views

1 Answer

深蓝 · Answer 1 · 2021-10-23T17:48:35+0000

Are signIn and signOut used on the same page? Div g-signin2 loads and inits gapi.auth2 so it should work as long as those are on the same page.

In case signOut is on separate page, you should manually load and init gapi.auth2 library.

Full example (you have to replace YOUR_CLIENT_ID with your actual client_id):

<html>
<head>
   <meta name="google-signin-client_id" content="YOUR_CLIENT_ID">
</head>
<body>
  <script>
    function signOut() {
      var auth2 = gapi.auth2.getAuthInstance();
      auth2.signOut().then(function () {
        console.log('User signed out.');
      });
    }

    function onLoad() {
      gapi.load('auth2', function() {
        gapi.auth2.init();
      });
    }
  </script>
  <a href="#" onclick="signOut();">Sign out</a>

  <script src="https://apis.google.com/js/platform.js?onload=onLoad" async defer></script>
</body>
</html>

Categories

google openid - TypeError: gapi.auth2 undefined

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags