React对接Firebase Auth更新用户资料时phoneNumber未正常保存
问题根因
- Firebase Auth 提供的
updateProfile()接口的可更新字段仅包含displayName和photoURL两个,额外传入的phoneNumber字段会被接口直接静默忽略,这就是你没有收到报错、同时字段也没有更新的核心原因。
正确更新用户手机号的步骤
手机号属于用户敏感身份标识,Firebase 要求必须完成身份验证才能修改,不能类似昵称、头像那样直接赋值更新,需要走完整的短信验证流程:
- 引导用户输入要绑定的新手机号,调用 Firebase 短信验证码发送接口向该手机号发送验证短信
- 用户输入收到的短信验证码后,用验证码和手机号生成
PhoneAuthCredential凭证 - 调用
auth.currentUser.updatePhoneNumber(credential)方法完成手机号更新
示例代码:
// 发送验证短信(需要提前在页面中放置id为recaptcha-container的元素用于人机校验) const phoneNumber = "+11234567890"; const appVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container'); const verificationId = await firebase.auth().signInWithPhoneNumber(phoneNumber, appVerifier); // 用户输入验证码后完成更新 const verificationCode = 从用户输入框获取的短信验证码; const credential = firebase.auth.PhoneAuthProvider.credential(verificationId, verificationCode); await auth.currentUser.updatePhoneNumber(credential);
注意:如果是首次绑定手机号、或是修改已绑定的手机号,都需要走上述校验流程,不支持无校验直接写入手机号。
内容的提问来源于stack exchange,提问作者Chognificent
相关产品推荐
相关产品推荐

