window.FirebasePlugin.verifyPhoneNumber 函数响应无法使用

Question

我已经实现了 Firebase 电话身份验证机制来登录用户，如下所示 代码：

(<any>window).FirebasePlugin.verifyPhoneNumber('+91'+this.phone, 60, function (credential) {
          //alert("sms sent successfully"+ credential.verificationId);
          //this.verificationId = credential.verificationId;
           let modal = this.modalCtrl.create(verificationPage,{verificationId: credential.verificationId});
           modal.present();

        }, error => {
           alert(JSON.stringify(error));
          console.log("error: " + error);
        });
  } 

但 credential.verificationId 值无法存储或发送到另一个页面

verify() {
    this.signInCredential = firebase.auth.PhoneAuthProvider.credential(this.verificationId, this.code);
    alert("u"+JSON.stringify(this.signInCredential));
    firebase.auth().signInWithCredential(this.signInCredential).then((info) => { alert("check"+JSON.stringify(info));}, (error) => {
    alert("err"+JSON.stringify(error));})
}

如何解决上述错误？

Answer 1

你应该从导航参数中获取参数，直接它不会起作用。 试试

constructor(public params: Navparams){
 }
 verify() {
   let verificationId = params.get("verificationId");
   this.signInCredential = 
   firebase.auth.PhoneAuthProvider.credential(verificationId, this.code);
   alert("u"+JSON.stringify(this.signInCredential));
   firebase.auth().signInWithCredential(this.signInCredential).then((info) =>
    { 
     alert("check"+JSON.stringify(info));}, (error) => {
     alert("err"+JSON.stringify(error));
    })
 }

希望对你有帮助。

为了您的参考，请查看这篇文章 https://medium.com/@gbrigens/ionic-3-phone-authentication-with-firebase-dbed967e95ef