Блог

Я скопировал код для аутентификации по телефону из RNFB практически точно с их сайта … смотрите Код ниже (ссылка здесь).

Когда я запускаю код, используя функцию «Номера телефонов для тестирования», предоставляемую Firebase (т. Е. использую фиктивный номер телефона)….тогда он НЕ создает пользователя в FB при запуске signInWithPhoneNumber функции ….. и только после запуска confirmCode функции он создает пользователя в FB. Насколько я понимаю, предполагается, что так оно и должно работать.
ОДНАКО …. когда я запускаю MyPhoneAuthButton fn, используя свой собственный номер телефона (т.Е. «Настоящий» тест)…затем мне отправляется сообщение об авторизации по SMS, и пользователь немедленно создается в FB без необходимости запускать confirmCode fn. Почему он действует по-разному при тестировании и запуске в prod? Для какого процесса я должен кодировать? Любая помощь приветствуется

 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);
      });
  };
  

Так и должно быть. Сначала вы должны пройти этап подтверждения, после чего у вас появится кнопка для подтверждения кода. Я реорганизовал его в соответствии с URL-адресом, который вы связали с firebase

 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()} />
    </>
  );