Google/Firebase 身份验证没有适用于 iOS 的 displayName 或 photoURL

Question

我正在使用 Ionic2 和 GooglePlus Authentication。

我可以登录，它会按预期在Firebase Authentication 列表中创建一个具有uid 的用户。

当我这样做时：

        GooglePlus.login({
            'webClientId': webClientId,
            'offline': true
        }).then(googleData => {

webClientId 与下面iOS Credential 中的Client ID 匹配。

问题：

但是，对于iOS，googleData 确实包含emailAddress 和uid，但displayName 和photoURL 是null。

更多信息：

我确实有一个iOS Credential 设置与Bundle ID 匹配config.xml 中的widget id：

config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.ionicframework.XXXXXXX" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>theWhoZoo</name>

它还有与上面的iOS URL scheme 匹配的REVERSED_CLIENT_ID。

<plugin name="cordova-plugin-googleplus" spec="~5.1.1">
    <variable name="REVERSED_CLIENT_ID" value="com.googleusercontent.apps.XXXXXX" />
</plugin>

我还为我的项目创建了一个Firebase App，它也具有匹配的Bundle ID（不确定这是否有任何影响）：

另外，我不确定这是否有任何区别，但我在此处将 CLIENT_ID for iOS 添加到 Google Firebase 身份验证中：

问题

在为iOS 进行设置时，我是否遗漏了任何步骤或做错了什么？

Answer 1

这是我的代码，它适用于 IOS。

代码

private nativeGoogleLogin(): Promise<firebase.User> {
    return new Promise(async (resolve, reject) => {
      const SCOPES = 'https://www.googleapis.com/auth/drive https://www.googleapis.com/auth/gmail.send https://www.googleapis.com/auth/plus.me';
      await this.gPlus.login({
          'webClientId': 'XXXXXXXX.apps.googleusercontent.com',
          'offline': true,
          'scopes': SCOPES
        }).then(res => {
            const googleCredential = firebase.auth.GoogleAuthProvider.credential(res.idToken , res.access_token);
            this.afAuth.auth.signInWithCredential(googleCredential).then(odata => {
              resolve(odata);
            }).catch(err => {
              reject(err);
            });
        }).catch(err => {
          reject(err);
        });
    });
  }

如何获取 displayName 名称

async onGoogleLogin() {
    await this.goAuth.googleLogin().then(res => {
      alert(JSON.stringify(res));
      alert(res.providerData[0].displayName);
    }).catch(err => {
      console.log(err);
    });
  }

res.providerData[0].displayName

注意：在模拟器中卸载你的应用程序并在使用它之前清理你的构建文件夹 代码。

Answer 2

这应该添加获取配置文件数据所需的范围：

window.plugins.googleplus.login({
  'scopes': 'https://www.googleapis.com/auth/plus.me',
  // continue below...

详见官方documentation和插件documentation。

范围描述为here。