如何在天气应用中无需邮箱密码，仅用姓名通过Firebase完成用户注册

嘿，这个需求挺棒的——简化注册流程确实能让用户更快上手！我来一步步帮你实现仅用姓名完成注册、存储到Firebase，还能在应用里用姓名称呼用户的功能：

因为咱们不需要邮箱密码，用匿名登录是最合适的——它能给每个用户分配一个唯一的UID，咱们后续就用这个UID绑定用户的姓名。

• 打开你的Firebase控制台，进入目标项目
• 切换到「Authentication」→「登录方法」页面
• 找到「匿名」登录选项，点击启用它就行

接下来要存用户的姓名，Firestore是个不错的选择，实时性好还容易操作：

• 转到「Firestore Database」，创建一个数据库（先选测试模式方便开发，上线前再改安全规则）
• 创建一个名为users的集合，每个文档的ID就用匿名登录后得到的用户UID，文档里只需要一个displayName字段来存姓名

核心思路是：用户打开应用先匿名登录，然后判断是否已经存过姓名——没存过就让用户输入，存过了直接用姓名打招呼。

首先监听用户登录状态：

// 监听Firebase auth状态变化
firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // 用户已登录，去Firestore查有没有存过姓名
    db.collection('users').doc(user.uid).get()
      .then((doc) => {
        if (doc.exists) {
          // 有姓名，直接打招呼
          const userName = doc.data().displayName;
          greetUser(userName);
        } else {
          // 没存过，弹出输入框让用户填姓名
          showNameInputModal();
        }
      });
  } else {
    // 还没登录，先做匿名登录
    firebase.auth().signInAnonymously()
      .then(() => {
        // 登录成功后弹出姓名输入框
        showNameInputModal();
      })
      .catch((error) => {
        console.error('匿名登录失败:', error);
      });
  }
});

然后处理用户输入姓名并存储的逻辑：

// 保存用户输入的姓名到Firestore
function saveUserName(userName) {
  const currentUser = firebase.auth().currentUser;
  if (currentUser) {
    db.collection('users').doc(currentUser.uid).set({
      displayName: userName.trim() // 记得去掉空格哦
    })
    .then(() => {
      // 存储成功，立刻用姓名打招呼
      greetUser(userName);
    })
    .catch((error) => {
      console.error('存储姓名出错:', error);
    });
  }
}

// 应用内打招呼的函数，你可以放到任何需要的地方
function greetUser(name) {
  document.getElementById('greeting-text').textContent = `你好，${name}！`;
}

为了保证只有用户自己能查看和修改自己的姓名，得给Firestore加安全规则：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{userId} {
      // 只有登录用户能访问自己的文档
      allow read, write: if request.auth != null && request.auth.uid == userId;
    }
  }
}

每次用户打开应用，通过onAuthStateChanged拿到用户信息后，从Firestore取出姓名，就可以在应用的各个地方用啦——比如导航栏、个人中心、天气页面的问候语，直接把姓名变量插进去就行。如果用户想改姓名，加个修改按钮，调用类似saveUserName的逻辑更新Firestore里的字段就搞定了。

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