Ionic 3 FirebasePhone認証が機能しない

debugcn 投稿 Dev

サンチットマハジャン

Firebaseを使用してIonic3で電話番号を認証しようとしています。プログラムはエラーなしで実行されますが、電話番号を入力しても何も起こりません。

.htmlコードは以下のとおりです

<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)">Send OTP</button>
<ion-input type="number" placeholder="OTP" [(ngModel)]="code"></ion-input>
<button ion-button id="verify-in-button" (click)="verify()">Sign In</button>

私の.tsファイルは

 export class HomePage { 
 veryficationId : any;
 code :string = "";
 phoneNumber : number;
  constructor(public navCtrl:NavController, public 
alertCtrl:AlertController) { }

signIn(phoneNumber)
{
(<any>window).FirebasePlugin.verifyPhoneNumber("+91" +phoneNumber,60,(credential)=>{
this.veryficationId = credential.veryficationId;
}, (error)=> {     
alert("error" +error);
} );
}

verify()
{
let signInCredential = 
firebase.auth.PhoneAuthProvider.credential(this.veryficationId,this.code);
firebase.auth().signInWithCredential(signInCredential).then((info)=>{
}, (error)=>{ 
alert("error" +error);
} )
}

}

何が足りないのかわかりません...

サンパス

ホルヘのこの素晴らしい記事を読むことを強くお勧めします。それは段階的にすべての詳細を持っています。

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

}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]