firebase - firebase电话身份验证中的"Hostname match not found"错误(使用 ionic )

Question

我正在尝试将“firebase 电话身份验证”与 ionic 结合起来。

但是，卡在一个问题上。

我不断收到“未找到主机名匹配”错误

.catch(function (error) { 
  console.log("error! : " +  error); 
});"

login.ts(如下)

import { Component } from '@angular/core';
import { IonicPage, NavController, AlertController } from 'ionic-angular';

import firebase from 'firebase';

@IonicPage()
@Component({
   selector: 'page-login',
   templateUrl: 'login.html',
})

export class LoginPage {
  public recaptchaVerifier:firebase.auth.RecaptchaVerifier;
  constructor(public navCtrl: NavController, public alertCtrl: AlertController) {}

  ionViewDidLoad() {
    this.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-
    container');
  }

  signIn(phoneNumber: number){
    const appVerifier = this.recaptchaVerifier;
    const phoneNumberString = "+" + phoneNumber;

    firebase.auth().signInWithPhoneNumber(phoneNumberString, appVerifier)
      .then( confirmationResult => {

        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) {

                 }).catch(function (error) {

                 });
            }
          }
        ]
     });
     prompt.present();
   })
   .catch(function (error) {
      console.log("error! : " +  error);           //   <------------The place that informs this error.
   });
 }
}

此错误在 reCAPTCHA 解决后不久发生

为什么会发生这种情况？

--初始化 Firebase

--login.html

Answer 1

当您在没有 ssl 认证的域中托管应用时，可能会出现此错误。然后，您必须在 Firebase 控制台中将您的域列入白名单。

转到 Firebase 控制台 -> 身份验证 -> 登录方法 -> 授权域 并添加您的域。

默认情况下，localhost 和任何 https:// 域均已列入白名单。

添加您当前用于测试此应用程序的任何子域。