函数gapi.client.load('OAuth2&39;,'v2',Function());不起作用

2022-08-11 00:00:00 javascript google-plus

我已经用Google Plus登录了,并在网站上使用了JAVASRIPT 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();
        }
     }

解决方案

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

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

脚本可能正在成功加载,但另有原因破坏了它。放入console.log调用可能有助于隔离是否是Load调用破坏了某些东西。

签入the Chrome JavaScript console,查看您的JavaScript中是否有错误。如果出现错误,例如gapi is undefined,则您应该能够更好地诊断事物损坏的原因。

如果您还没有,请尝试在加载plusone:client.js脚本时将client.Load调用放入回调中。如果您以异步方式加载脚本,则脚本加载时的争用条件可能会阻止Google API Client 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

相关文章