如何在Firebase Realtime Database中写入其他类型数据

前置配置校验 #

首先确认你已经在HTML中引入了对应存储产品的SDK，以Firebase v9+ 模块化版本为例，完整引入参考如下：

<!-- 核心SDK -->
<script src="Firebase核心SDK CDN地址"></script>
<!-- Auth SDK 你已经配置过可以保留 -->
<script src="Firebase Auth SDK CDN地址"></script>
<!-- 如果你用Firestore文档数据库 新增引入这个 -->
<script src="Firebase Firestore SDK CDN地址"></script>
<!-- 如果你用Realtime Database实时数据库 新增引入这个 -->
<script src="Firebase Realtime Database SDK CDN地址"></script>

引入后先完成对应服务的初始化，示例代码：

// 替换为你自己的Firebase项目配置
const firebaseConfig = {
  apiKey: "你的项目apiKey",
  authDomain: "你的项目authDomain",
  projectId: "你的项目projectId",
  storageBucket: "你的项目storageBucket",
  messagingSenderId: "你的项目messagingSenderId",
  appId: "你的项目appId"
};
// 初始化Firebase
const app = initializeApp(firebaseConfig);
// 初始化Auth（你已经在使用的部分）
const auth = getAuth(app);
// 初始化Firestore（如果用文档型存储）
const db = getFirestore(app);
// 初始化实时数据库（如果用键值对型存储）
const rtdb = getDatabase(app);

场景1：写入数据到Firestore #

写入指定ID的文档 #

适合存储和用户UID绑定的自定义数据，比如用户个人资料、偏好设置等：

// 建议在用户登录状态校验通过后执行
const user = auth.currentUser;
if (user) {
  // 指定文档ID为用户UID，存储到users集合下
  const userDocRef = doc(db, "users", user.uid);
  // 写入自定义字段
  await setDoc(userDocRef, {
    nickname: "自定义昵称",
    avatar: "头像地址",
    createTime: new Date(),
    // 可补充其他需要的自定义字段
  });
}

写入自动生成ID的文档 #

适合存储列表类数据，比如用户发布的动态、评论等：

const user = auth.currentUser;
if (user) {
  // 写入到posts集合，自动生成文档ID
  const postsCollectionRef = collection(db, "posts");
  const newDocRef = await addDoc(postsCollectionRef, {
    uid: user.uid,
    content: "用户发布的内容",
    publishTime: new Date()
  });
  // 可通过newDocRef.id拿到系统生成的文档ID
}

场景2：写入数据到Realtime Database #

const user = auth.currentUser;
if (user) {
  // 写入到user_profiles路径下，以用户UID为子节点
  const userRef = ref(rtdb, 'user_profiles/' + user.uid);
  await set(userRef, {
    nickname: "自定义昵称",
    phone: "联系电话"
  });
}

注意事项 #

• 所有写入操作都是异步的，必须用async/await或者.then()+.catch()结构捕获异常，排查权限、参数错误等问题
• 写入前需要在Firebase控制台调整对应存储产品的安全规则，调试阶段可以临时设置为认证用户可读写，上线前必须替换为严格的权限控制规则，示例调试用Firestore规则：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}

• Firebase Auth的用户默认字段不支持前端直接新增自定义属性，用户的扩展数据建议存储在Firestore/Realtime Database中，和用户UID做关联即可

内容的提问来源于stack exchange，提问作者skljjdjncnjcajn