
我正在使用以下插件进行电话验证离子: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插件所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)