android– 没有安装Ionic firebase手机auth插件

android– 没有安装Ionic firebase手机auth插件,第1张

概述我正在使用以下插件进行电话验证离子:https://github.com/sajTempler/IonicFirebasePhoneAuth,即时通讯使用我的国家代码55,我的 *** 作符号码是15.据我调试,我的代码没有任何问题.每当我在我的真实设备上运行它时我的控制台都会记录registerPhoneerrplugin_not_installed,我不知道它

我正在使用以下插件进行电话验证离子:https://github.com/sajTempler/IonicFirebasePhoneAuth,即时通讯使用我的国家代码55,我的 *** 作符号码是15.据我调试,我的代码没有任何问题.每当我在我的真实设备上运行它时我的控制台都会记录registerPhone err plugin_not_installed,我不知道它引用了哪个插件.

这是代码

    import {Component, VIEwChild, OnInit} from '@angular/core';import {IonicPage, NavController, AlertController} from 'ionic-angular';import {AngularFireAuth} from 'angularfire2/auth';import {Firebase} from '@ionic-native/firebase';import * as firebase from 'firebase';/** * Generated class for the LoginPage page. * * See https://ionicframework.com/docs/components/#navigation for more info on * Ionic pages and navigation. */@IonicPage()@Component({  selector: 'page-login',  templateUrl: 'login.HTML',})export class LoginPage implements OnInit {  @VIEwChild('phoneNumber') phoneNumber;  constructor(    private navCtrl: NavController,    private fireAuth: AngularFireAuth,    private alertCtrl: AlertController,    private fire: Firebase,  ) {  }  ngOnInit() {    console.log('LoginPage ngOnInit');    this.fireAuth.authState.subscribe(auth => {      if (!auth) {        return;      }      auth.getIDToken()        .then((token: string) => {          console.log('LoginPage getIDToken token', token);          if (token) {            this.dologin();          }        });    });  }  // tslint:disable-next-line  private registerPhone(): voID {    console.log('registerPhone');    const phone = '+5515' + this.phoneNumber.value;    console.log('registerPhone phone', phone);    this.fire.verifyPhoneNumber(phone, 120)      .then((res) => {        const {verificationID} = res;        console.log('registerPhone verificationID', verificationID);        alert(verificationID);        this.showPrompt(verificationID);      })      .catch(err => {        console.log('registerPhone err', err);      })  }  private async verifyCode(code: string, verificationID: string) {    try {      const credential = await firebase.auth.PhoneAuthProvIDer.credential(verificationID, code);      await firebase.auth().signInWithCredential(credential)        .then(() => {          this.dologin();        })        .catch(err => {          console.error('LoginPage verifyCode signInWithCredential err', err);        })    } catch (err) {      console.error('LoginPage verifyCode err', err);    }  }  private showPrompt(verificationID: string) {    let promptCode = this.alertCtrl.create({      Title: 'Verify',      message: 'Type code that was received via SMS',      inputs: [        {          name: 'code',          placeholder: 'Code'        },      ],      buttons: [        {          text: 'Cancel',          handler: data => {            return;          }        },        {          text: 'Verify',          handler: data => {            this.verifyCode(data.code, verificationID);          }        }      ]    });    promptCode.present();  }  private dologin(): voID {    alert("Você se logou com sucesso!");    this.navCtrl.setRoot('HomePage');  }}

和HTML:

<ion-header>  <ion-navbar>    <ion-Title>Login</ion-Title>  </ion-navbar></ion-header><ion-content padding>  <div  ID="recaptcha-container"></div>  <ion-List>    <ion-item>      <ion-label>+55</ion-label>      <ion-input #phoneNumber type="tel" maxlength="9"></ion-input>    </ion-item>  </ion-List></ion-content><ion-footer >  <button full ion-button  (click)="registerPhone()">Go</button></ion-footer>

解决方法:

你必须使用科尔多瓦?你是如何安装Firebase插件的?可以通过您的应用程序访问吗?

您是否运行此命令(如文档here所示):

ionic cordova plugin add cordova-plugin-firebase
总结

以上是内存溢出为你收集整理的android – 没有安装Ionic firebase手机auth插件全部内容,希望文章能够帮你解决android – 没有安装Ionic firebase手机auth插件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1116761.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)

    保存