使用Firebase Auth在Javascript中设置用户数据

Firebase Auth是一个可以帮助我们轻松管理用户身份验证的服务。 在这篇文章中，我们将会学习如何使用Firebase Auth来设置用户数据。

步骤

1. 初始化Firebase项目并配置Firebase Auth

首先，我们需要初始化一个Firebase项目并且启用Firebase Auth。

进入Google Firebase官网，点击"开始"，按照步骤创建一个Firebase项目。

在"控制台"的"Authentication"选项卡中，选择你需要的身份验证方式，可以短信验证、电子邮件验证、账号密码登录等选项。

2. 引入Firebase和Firebase Auth的包

在html页面的头部标签中引入Firebase和Firebase Auth的包文件。

<script src="https://www.gstatic.com/firebasejs/8.4.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.0/firebase-auth.js"></script>

3. 初始化Firebase配置并创建Auth实例

使用 firebase.initializeApp() 方法，初始化你的Firebase项目，并在初始化完成后使用 firebase.auth() 方法创建一个Firebase Auth实例。以下给出初始化配置的示例代码：

  var config = {
    apiKey: "xxxxx",
    authDomain: "xxxxx.firebaseapp.com",
    databaseURL: "https://xxxxx.firebaseio.com",
    projectId: "xxxxx",
    storageBucket: "xxxxx.appspot.com",
    messagingSenderId: "xxxxx",
    appId: "xxxxx"
  };

  firebase.initializeApp(config);
  var auth = firebase.auth();

请注意将示例代码中的 config 对象中的配置信息替换为你的Firebase项目的配置信息。

4. 建立Firestore实例并且写入数据

在Javascript中，Firebase Auth不仅可以存储用户身份验证凭据信息，也可以存储和管理用户数据。

我们可以使用Firebase的数据库服务- Cloud Firestore，来写入我们需要存储的用户数据。

首先，需要使用 firebase.firestore() 方法创建一个Firestore实例。

  var db = firebase.firestore();

接下来，在Firestore实例中，使用 .collection() 方法选择一个集合，并使用 .doc() 方法选择一个文档。

  var userRef = db.collection('users').doc(uid);

请注意 uid 是当前用户的唯一标识符。

使用 .set() 方法，将你需要的数据写入文档中。以下是一个示例代码：

  var data = {
    name: "张三",
    age: 18,
    gender: "男"
  };
  userRef.set(data);

现在，你已经成功地将一个名为 users 的集合中的一个名为当前用户的唯一标识符的文档中添加了一个数据 name, age 和 gender。

5. 代码合集

最后，在此提供以上所有代码合集:

var config = {
  apiKey: "xxxxx",
  authDomain: "xxxxx.firebaseapp.com",
  databaseURL: "https://xxxxx.firebaseio.com",
  projectId: "xxxxx",
  storageBucket: "xxxxx.appspot.com",
  messagingSenderId: "xxxxx",
  appId: "xxxxx"
};

firebase.initializeApp(config);
var auth = firebase.auth();
var db = firebase.firestore();

auth.onAuthStateChanged(function(user) {
  if (user) {
    var uid = user.uid;
    
    var userRef = db.collection('users').doc(uid);
    
    var data = {
      name: "张三",
      age: 18,
      gender: "男"
    };
    userRef.set(data);
  }
});

结论

这篇文章中，我们已经学习了如何在Javascript中使用Firebase Auth来存储和管理用户数据。通过学习以上步骤，你现在可以轻松地使用Firebase来创建和管理你的应用程序的用户。