使用google使用javascript登录

时间:2018-05-10 08:42:32

标签: javascript html

我想使用google plus使用javascript登录,下面是我的代码

的index.html

这里我放置了所有脚本,html代码

<html>

      <title>Login With google plus</title>
      <meta name="google-signin-client_id" 
      content="aaaaaaaaaaa.apps.googleusercontent.com ">

     <script src="jquery.min.js"></script>
     <script src="https://apis.google.com/js/client:platform.js? 
     onload=renderButton" async defer></script>

       <script>
          function onSuccess(googleUser) {
          var profile = googleUser.getBasicProfile();
          gapi.client.load('plus', 'v1', function () {
          var request = gapi.client.plus.people.get({
         'userId': 'me'
          });

        request.execute(function (resp) {
        var profileHTML = '<div class="profile"><div class="head">Welcome 
        '+resp.name.givenName+'! <a href="javascript:void(0);" 
        onclick="signOut();">Sign out</a></div>';
        profileHTML += '<img src="'+resp.image.url+'"/><div 
        class="proDetails"><p>'+resp.displayName+'</p> 
        <p>'+resp.emails[0].value+'</p><p>'+resp.gender+'</p> 
        <p>'+resp.id+'</p><p><a href="'+resp.url+'">View Google+ Profile</a> 
        </p></div></div>';
        $('.userContent').html(profileHTML);
        $('#gSignIn').slideUp('slow');
        });
      });
     }
     function onFailure(error) {
        alert(error);
         }
      function renderButton() {
             gapi.signin2.render('gSignIn', {
             'scope': 'profile email',
             'width': 240,
             'height': 50,
             'longtitle': true,
             'theme': 'dark',
             'onsuccess': onSuccess,
             'onfailure': onFailure
        });
      }
     function signOut() {
         var auth2 = gapi.auth2.getAuthInstance();
         auth2.signOut().then(function () {
         $('.userContent').html('');
         $('#gSignIn').slideDown('slow');
     });
   }
  </script>

 <div id="gSignIn"></div>

 <div class="userContent"></div>

</html>

但是当我想登录时,会显示此错误。

  
      
  1. 这是一个错误。
  2.         

    错误:invalid_client

         

    找不到OAuth客户端。

我无法收到此错误,请帮我解决此错误。

1 个答案:

答案 0 :(得分:0)

您必须使用Google控制台注册您的应用才能使用OAuth,您必须在客户授予OAuth后指定返回网址