如何从Firebase signInWithPhoneNumber获取用户的短信验证码？

首先明确：你无法通过前端代码直接获取发送到用户手机的6位验证码，这是Firebase身份验证的安全设计决定的。

原因说明 #

Firebase的手机号验证流程核心是确保操作的是真实用户，验证码只会直接发送到用户的手机设备，不会通过任何客户端API返回给你的代码。confirmationResult对象里并不包含验证码，它只是一个用于后续完成验证的凭证，所以你用console.log输出它自然看不到验证码相关内容。

正确的验证流程 #

你需要让用户手动输入收到的验证码，然后调用confirmationResult.confirm()方法完成验证，示例代码调整如下：

// Initialize Firebase
var config = {
  apiKey: "muykjkjgh........",
  authDomain: "my-project.firebaseapp.com",
  databaseURL: "https://my-project.firebaseio.com/",
  projectId: "my-project",
  storageBucket: "my-project.appspot.com", // 原代码此处配置格式有误，修正为标准格式
  messagingSenderId: "8235......"
};
firebase.initializeApp(config);

window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('verify', {
    'size': 'invisible',
    'callback': function(response) {
       // reCAPTCHA验证完成后的回调
    }
});

firebase.auth().signInWithPhoneNumber("+911234567890", window.recaptchaVerifier) 
.then(function(confirmationResult) {
  window.confirmationResult = confirmationResult;
  console.log("验证码已发送，请用户输入");
  
  // 绑定验证码输入提交逻辑（假设页面有输入框#code-input和提交按钮#submit-btn）
  document.getElementById('submit-btn').addEventListener('click', function() {
    var userInputCode = document.getElementById('code-input').value;
    confirmationResult.confirm(userInputCode)
    .then(function(result) {
      // 验证成功，获取用户信息
      var user = result.user;
      console.log("登录成功", user);
    })
    .catch(function(error) {
      // 验证失败，处理错误
      console.error("验证码错误或验证失败", error);
    });
  });
})
.catch(function(error) {
  // 发送验证码失败，处理错误
  console.error("发送验证码失败", error);
});

注意事项 #

• 不要尝试绕过这个流程获取验证码，这既违反Firebase的安全规则，也无法实现——验证码不会暴露给客户端。
• 原代码中的storageBucket配置格式有误，需修正为项目ID.appspot.com的标准格式，避免Firebase初始化出错。

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