Блог

Я работаю над проектом angular, в котором пользователь может подтвердить заказ, введя свой номер телефона и получив код подтверждения в своем телефоне, а затем отправить его обратно с помощью метода Firebase verifyPhoneNumber . Я хочу изменить код с получения кода подтверждения приглашения на ввод, отображаемый после того, как пользователь введет свой номер и нажмет send the code кнопку.

 ngOnInit(){
...
firebase.auth().useDeviceLanguage();
this.windowRef = this.win.windowRef;
this.windowRef.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');
this.windowRef.recaptchaVerifier.render();
this.provider = new firebase.auth.PhoneAuthProvider();
}

sendLoginCode() {
    const appVerifier = this.windowRef.recaptchaVerifier;
    const num = this.phoneNumber.e164;
    console.log(num);

    this.provider.verifyPhoneNumber(num, appVerifier)
      .then(verificationId => {
        var verificationCode = window.prompt('Please enter the verification code that was sent to your mobile device.');
        return firebase.auth.PhoneAuthProvider.credential(verificationId,
          verificationCode);
      })
      .then(phoneCredential => {
        console.log(phoneCredential);
        return firebase.auth().currentUser.updatePhoneNumber(phoneCredential);
      })
      .catch(err => { console.log(err) });
  }
  

Я думаю, что эту функцию нужно разделить, и к ней нужно добавить функцию для проверки кода подтверждения и выполнения остальной части функции.