React Native App 中的 Google Firebase 身份验证

Question

我正在开发一个我喜欢将 Firebase 实现为身份验证系统的应用。

当我尝试修改保存用户的 firestore 集合时，我尝试使用 Google 提供程序设置身份验证时出现问题。我的代码如下：

export const loginWithGoogle = () => {
  const navigation = useNavigation();
  useEffect(() => {
    setTimeout(() => {
      navigation.navigate('/RegisterScreen');
    }, 10000);
  }, []);

  return () => {
    return firebase
      .auth()
      .signInWithPopup(Providers.google)
      .then(async result => {
        //console.log(result.credential.accessToken);
        const user = result.user;
        console.log(user);

        //This 2 lines below doesn't work to get the colletion.
        db.('users').setItem('userid', user!.uid);
        collection.(db,'users').setItem('photoURL', user!.photoURL);

        //TODO if userid exists IN USERS db then use update IF NULL use set
        await db.collection('users').doc(user!.uid).update({
          // id: user.uid,
          name: user!.displayName,
          email: user!.email,
          phone: user!.phoneNumber,
          photoURL: user!.photoURL,
        });
      })
      .then(() => {
        navigation.navigate('ProtectedScreen');
      })
      .catch(err => {
        console.log(err);
      });
  };
};

所以我猜我的错误来自于不知道如何管理保存在 firestore 上的数据。

如果你能帮忙提前谢谢！

Answer 1

这里有一些事情我们需要明确：

您可以只合并数据。无需从Firestore 读取/获取它以检查它是否存在，如果不存在则保存它。您需要为reads 和writes 付费。最后，总是只写而不检查是否存在会更便宜。

这里还有这段代码：

db.('users').setItem('userid', user!.uid);
collection.(db,'users').setItem('photoURL', user!.photoURL);

尤其是 db.( 和 collection.( 看起来不太好。即使是不是为了获取数据，而是为了保存它。

您能否澄清一下您使用的 Firebase SDK：版本 8 或 9。还请检查一下文档 here。