انگولار - احراز هویت با شماره تلفن با فایربیس در آیونیک3

من فقط میخواهم یک اپلیکیشن موبایل آیونیک (با استفاده از فایربیس) با تأیید شماره تلفن بسازم، اما نمیدانم چگونه باید ادامه دهم. آیا کسی میتواند به من کمک کند؟ ممنون.

پاسخ شماره ۱

شما نیاز دارید این مراحل را انجام دهید:

Activate Phone Number Authentication in your Firebase Console.
Set up reCAPTCHA verifier.
Send the SMS
Sign the user in.

.html

<ion-content padding>
  <div id="recaptcha-container"></div>

  <ion-item>
    <ion-label stacked>Phone Number</ion-label>
    <ion-input type="number" [(ngModel)]="phoneNumber"></ion-input>
  </ion-item>

  <button ion-button id="sign-in-button" (click)="signIn(phoneNumber)">
    Sign In
  </button>

</ion-content>

.ts

signIn(phoneNumber: number){
  const appVerifier = this.recaptchaVerifier;
  const phoneNumberString = "+" + phoneNumber;
  firebase.auth().signInWithPhoneNumber(phoneNumberString, appVerifier)
    .then( confirmationResult => {
      // SMS sent. Prompt user to type the code from the message, then sign the
      // user in with confirmationResult.confirm(code).
      let prompt = this.alertCtrl.create({
      title: 'Enter the Confirmation code',
      inputs: [{ name: 'confirmationCode', placeholder: 'Confirmation Code' }],
      buttons: [
        { text: 'Cancel',
          handler: data => { console.log('Cancel clicked'); }
        },
        { text: 'Send',
          handler: data => {
            confirmationResult.confirm(data.confirmationCode)
            .then(function (result) {
              // User signed in successfully.
              console.log(result.user);
              // ...
            }).catch(function (error) {
              // User couldn't sign in (bad verification code?)
              // ...
            });
          }
        }
      ]
    });
    prompt.present();
  })
  .catch(function (error) {
    console.error("SMS not sent", error);
  });

}

در اینجا مقاله عالی درباره آن وجود دارد. من کد بالا را از این مقاله استخراج کردم.

مدرک رسمی