Google 登录回调 - 获取姓名和电子邮件

我试图在登录时将基本的谷歌帐户信息（姓名、电子邮件、ID）捕获到数据库中。

我通过为他们的个人资料信息设置变量并通过 AJAX 更新数据库来做到这一点。

（参见下面示例中的变量）

if (authResult['access_token']) {
    // The user is signed in
    this.authResult = authResult;
    helper.connectServer();
    // After we load the Google+ API, render the profile data from Google+.
    //this renders profile information to the page just fine
    gapi.client.load('plus','v1',this.renderProfile);

        var email = gapi.client.load('plus','v1',this.getEmail);
        var acct_type = 'G';
        var id = gapi.client.load('plus','v1',this.getId);
        var fname = gapi.client.load('plus','v1',this.getFname);
        var lname = gapi.client.load('plus','v1',this.getLname);

    //DO AJAX!!
    $.post("_google/processlogindata.php", 
    {
        id:id,
        fname:fname,
        lname:lname,
        email:email,
        acct_type:acct_type
        });

ajax 正在工作，它通过了硬代码'G'并显示在数据库中。

当数据库默认值为 NULL 时，其余变量显示为空白条目。

我复制了renderProfile因为它适用于在页面上显示配置文件位。例如，这就是 getFname 的样子（它们几乎相同）：

     getFname: function() {
  var request = gapi.client.plus.people.get( {'userId' : 'me'} );
  request.execute( function(profile) {
     return profile.name.GivenName;
  });},

如果我将此处的返回变量设置为“name”之类的静态字符串，它将显示在数据库中。所以问题肯定是我如何尝试访问或保存此个人资料信息。

所以我的问题是，如何将这些配置文件对象正确捕获到 AJAX 之上的变量？

我用以下代码解决了这个问题：

        var acct_type = 'G';

        gapi.client.load('plus','v1', function(){

            var request = gapi.client.plus.people.get({
              'userId': 'me'
            });

            request.execute(function(resp) {
                var id = resp.id;
                var fname = resp.name.givenName;
                var lname = resp.name.familyName;
                var email = resp.emails[0].value;

                $.post("_yourDBinjection_.php", 
                {
                id:id,
                fname:fname,
                lname:lname,
                email:email,
                acct_type:acct_type
                });

            });
        });

要点是它不使用外部函数或变量，它设置了gapi.client.load函数参数包括变量和发送ajax。

请注意，第三个参数（一个函数，无论是书面的还是引用的）在 Google dev 上被列为“可选”，但如果没有它，它就不是很有用（返回一个承诺？）因此，您想对加载的信息执行的任何操作都应该完成在函数参数中。由于某种原因，在这种情况下，我将其拼凑成不同的外部函数，最终无法访问或使用它上面的变量（但还要注意G在这个例子中也顺利通过。）

我不太喜欢嵌套函数，所以弄清楚这一点很奇怪。

参考

谷歌开发人员偷走了很多示例和信息，因此这里有一些文章帮助我生成了这个答案：

（JavaScript版本）
https://developers.google.com/+/api/latest/people/get#examples https://developers.google.com/+/api/latest/people/get#examples

非常模糊的gapi.client.load描述：
https://developers.google.com/api-client-library/javascript/reference/referencedocs#gapiclientload https://developers.google.com/api-client-library/javascript/reference/referencedocs#gapiclientload

登录资源

此页面显示配置文件 JSON 返回的实时版本/代码示例：https://developers.google.com/+/web/people/ https://developers.google.com/+/web/people/

本文将向您展示每个 JSON people 对象的嵌套结构：https://developers.google.com/+/api/latest/people https://developers.google.com/+/api/latest/people

如果你找不到它，Google 有一个隐藏得很好的 JavaScript/jQuery 登录快速启动应用程序，它基本上可以为你完成登录工作，但如果你希望它弹到其他页面，则需要一些撕碎操作而不是用信息来刷新自己。我把它变成了弗兰肯斯坦以满足我的需要。https://developers.google.com/+/quickstart/java https://developers.google.com/+/quickstart/java