angular - firebase.auth.Auth.signInWithCredential 已弃用。请改用 firebase.auth.Auth.signInAndRetrieveDataWithCredential

Question

何时使用 this.afAuth.auth.signInWithCredential 在我的 Ionic 应用程序中一切正常。我可以使用 Google 身份验证登录并将用户个人资料推送到 firebase。但是，我在控制台中收到一条错误消息，指出不推荐使用 signInWithCredential 并使用 signInAndRetrieveDataWithCredential。问题是 signInAndRetrieveDataWithCredential 不提供任何用户数据(uid、用户电子邮件、显示名称)...都是空的。

那我该怎么办呢？控制台错误是说不要使用 signInWithCredential 即使它正在工作。 signInAndRetrieveDataWithCredential 为用户返回 null。

  async googleLogin(): Promise<void> {
    try {

      const gplusUser = await this.gplus.login({
        'webClientId': environment.googleWebClientId,
        'offline': true,
        'scopes': 'profile email'
      });
      return await this.afAuth.auth.signInWithCredential(
        firebase.auth.GoogleAuthProvider.credential(gplusUser.idToken)
      ).then((credential) => {
        console.log('creds', credential);
        this.updateUserData(credential);
      });
    } catch (err) {
      console.log(err);
    }
  }
  
      private updateUserData(user) {
    const userRef: firebase.firestore.DocumentReference = firebase.firestore().doc(`users/${user.uid}`);

    const data: User = {
      uid: user.uid,
      email: user.email,
      displayName: user.displayName,
    };
    console.log('user data', data);
    return userRef.set(data);
  }

Answer 1

2019 年 12 月 11 日更新

请注意 signInAndRetrieveDataWithCredential()方法已被弃用，我们需要使用 signInWithCredential()方法。

所以，代码应该适应

  return this.afAuth.auth.signInWithCredential(
    firebase.auth.GoogleAuthProvider.credential(gplusUser.idToken)
  ).then((credential) => {
    console.log('creds', credential.user);
    this.updateUserData(credential.user);
  });

---

如果我正确理解你的问题，我认为你的问题来自于这两种方法返回不同的对象:

如解释here , signInWithCredential() 返回 User对象，

同时

如解释here , signInAndRetrieveDataWithCredential() 返回 UserCredential对象，其中包含一个 User 对象。

所以你应该修改你的代码如下

  ....
  return this.afAuth.auth.signInAndRetrieveDataWithCredential(
    firebase.auth.GoogleAuthProvider.credential(gplusUser.idToken)
  ).then((credential) => {
    console.log('creds', credential.user);
    this.updateUserData(credential.user);
  });