功能 gapi.client.load('oauth2', 'v2', function());不管用

Question

我已经使用 google plus 在网站中使用 javascript sdk 登录。它在两天前工作。但现在它不起作用，因为 gapi.client.load('oauth2', 'v2', function()); 未加载，即不工作。请帮忙。

下面是我的代码：

  (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);
      })();



       gapi.signin.render('customBtn', {
       'callback': 'signinCallback',
       'clientid': '<client ID>',
       'cookiepolicy': 'single_host_origin',
       'requestvisibleactions': 'http://schemas.google.com/AddActivity',
       'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com     /auth/userinfo.email'
       });



   function signinCallback(authResult) {
    if (authResult['access_token']) {
       gapi.auth.setToken(authResult);
   getEmail(); 
     } else if (authResult['error']) {
        alert('Please try again');
       // alert('There was an error: ' + authResult['error']);
     }
 }

    function getEmail(){
        // Load the oauth2 libraries to enable the userinfo methods.
       try
      {
          gapi.client.load('oauth2', 'v2', function() {
         var request_mail = gapi.client.oauth2.userinfo.get();
          request_mail.execute(getEmailCallback);
        });
      } 
      catch(err)
      {
            alert( "onLoadCallback error: " + err.message );
       }
     }
   function getEmailCallback(obj){
       if (obj['email']) {
     $('login:email').value = obj['email'];
     checkout.setMethod();
        }
     }

Answer 1

以下代码对我有用，因此您使用的特定代码似乎没有任何问题：

gapi.client.load('oauth2', 'v2', 
  function(){
    console.log('loaded');
  });

脚本可能已成功加载，但有其他东西破坏了它。加入console.log 调用可能会帮助您隔离是否是负载调用造成了破坏。

检查the Chrome JavaScript console 以查看您的 JavaScript 是否有错误。如果有错误，例如gapi is undefined，那么您应该能够更好地诊断出故障的原因。

如果您还没有，请尝试将 client.load 调用置于加载 plusone:client.js 脚本时的回调中。如果您异步加载脚本，则脚本加载的竞争条件可能会阻止 Google API 客户端 for JavaScript 能够初始化 OAuth 2.0 客户端。以下代码将在脚本中设置回调，以便您可以在加载后执行客户端初始化：

<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?onload=onLoadCallback';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

一旦client.js和plusone.js被初始化，函数onLoadCallback就会被触发。