反应原生 Firebase 电话身份验证 - 非常奇怪的行为

Question

我已经从 RNFB 复制了电话身份验证的代码，几乎完全是从他们的网站...请参阅下面的代码（链接 here）。

当我使用“用于测试的电话号码”功能运行代码时由 Firebase 提供（即使用虚拟电话号码）......然后当我运行 signInWithPhoneNumber 函数时它不会在 FB 中创建用户......直到我运行它创建的 confirmCode 函数FB中的用户。据我了解，这就是它应该工作的方式。
但是....当我使用自己的电话号码运行MyPhoneAuthButton fn 时（即“真实”测试）...然后将 SMS 身份验证消息发送给我并且 用户立即在 FB 中创建而无需运行confirmCode fn。 为什么在测试和在产品中运行时表现不同？我应该为哪个流程编码？ 任何帮助表示赞赏

const MyPhoneAuthButton = props => {
  const [objConfirm, setObjConfirm] = useState(null);
  const [code, setCode] = useState('');

  // Handle the button press
  const signInWithPhoneNumber = phoneNumber => {
    auth()
      .signInWithPhoneNumber(phoneNumber)
      .then(confirmResult => {
        setObjConfirm(confirmResult);
      })
      .catch(err => {
        console.log('Invalid Phone Number', err.message);
      });
  };

  const confirmCode = () => {
    objConfirm
      .confirm(code)
      .then(user => {
        console.log('User auth by phone OK', user);
      .catch(err => {
        console.log('Invalid code.', err.message);
      });
  };


  <MyButton
    onPress={() => {
      signInWithPhoneNumber(props.telNum);
    }}>
    Sign in With Phone Number
  </MyButton>

  const signInWithPhoneNumber = phoneNumber => {
    auth()
      .signInWithPhoneNumber(phoneNumber)
      .then(confirmResult => {
        console.log('User successfully authorized via telNum');
        setObjConfirm(confirmResult);
      })
      .catch(err => {
        Alert.alert('Invalid Phone Number', err.message);
        console.log('Invalid Phone Number', err.message);
      });
  };

Answer 1

应该是这样的。您应该首先通过确认阶段，然后您将获得代码确认按钮。我已根据您从 firebase 链接的 url 对其进行了重新组织

const MyPhoneAuthButton = props => {
  const [objConfirm, setObjConfirm] = useState(null);
  const [code, setCode] = useState('');

  // Handle the button press
  const signInWithPhoneNumber = phoneNumber => {
    auth()
      .signInWithPhoneNumber(phoneNumber)
      .then(confirmResult => {
        setObjConfirm(confirmResult);
      })
      .catch(err => {
        console.log('Invalid Phone Number', err.message);
      });
  };

  const confirmCode = () => {
    objConfirm
      .confirm(code)
      .then(user => {
        console.log('User auth by phone OK', user);
      .catch(err => {
        console.log('Invalid code.', err.message);
      });
  };
  
  const signInWithPhoneNumber = phoneNumber => {
    auth()
      .signInWithPhoneNumber(phoneNumber)
      .then(confirmResult => {
        console.log('User successfully authorized via telNum');
        setObjConfirm(confirmResult);
      })
      .catch(err => {
        Alert.alert('Invalid Phone Number', err.message);
        console.log('Invalid Phone Number', err.message);
      });
  };

  if(!objConfirm) {
    return (
      <MyButton
        onPress={() => {
          signInWithPhoneNumber(props.telNum);
        }}>
        Sign in With Phone Number
      </MyButton>  
    )
  }
  
  return (
    <>
      <TextInput value={code} onChangeText={text => setCode(text)} />
      <Button title="Confirm Code" onPress={() => confirmCode()} />
    </>
  );