Google登录/第三方身份验证提供商

Question

我正在开发一个angularjs应用程序，其中谷歌登录是它的一个功能。我将使用此链接来实现此功能

https://blog.codecentric.de/en/2014/06/angularjs-google-sign-integration/。这也是页面加载时调用的脚本`

<script type="text/javascript">
    (function () {
        var p = document.createElement('script');
        p.type = 'text/javascript';
        p.async = true;
        p.src = 'https://apis.google.com/js/platform.js?onload=onLoadCallback';
        var  s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(p, s);
    })();
</script>

`

这是正确的方式，以及如何从谷歌获取数据，并显示数据给用户，如果他很高兴按注册，然后被签名。我已经在google api服务中创建了我的应用程序，并尝试了许多选项，但到目前为止都没有成功。

谢谢你的建议。

Answer 1

好吧，这有一个问题，你可以直接登录，而不是被点击，所以这可能是一个未来的问题，尝试这样的东西

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

在视图中

function login() 
{
  var myParams = {
    'clientid' : 'YOUR_CLIENT_ID.apps.googleusercontent.com', //You need to set client id
    'cookiepolicy' : 'single_host_origin',
    'callback' : 'loginCallback', //callback function
    'approvalprompt':'force',
    'scope' : 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/plus.profile.emails.read'
  };
  gapi.auth.signIn(myParams);
}

将此代码转换为Angular。

请查看此question了解详细信息