firebase手机身份验证中的"找不到主机名匹配"错误(带离子)

Question

我正在尝试将"firebase phone authentication"与离子相结合.

但是,坚持一个问题.

我一直收到"找不到主机名匹配"的错误

.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 Console -> Authentication -> sign-in-method -> Authorized Domains并添加您的域名.

默认情况下localhost,任何https://域都列入白名单.

Answer 2

对于新的 firebase 仪表板

转到 Firebase > 选择您的项目 > 身份验证 > 设置，在域下您将找到Authorize Domains。

输入您要添加的域名并保存

Answer 3

发生此错误的原因是，当Google在Number上发送otp时，它与您的网站网址匹配，而您的Firebase身份验证url与您的域或站点地址相匹配，那么它将向您发送otp，否则会发生错误。

要解决该错误，请转到Firebase控制台。

1. 转到Firebase控制台。

2. 单击身份验证。

3. 单击登录方法。

4. 向下滚动并检查授权域。

5. 将您的站点地址添加到实现电话认证的位置。

Answer 4

转到 Firebase > 选择您的项目 > 身份验证 > 登录方法 > 向下滚动 -> 在“授权域”部分下添加您的域。

按照照片说明进行操作：

Answer 5

你应该在这里关注：

注意：域名需要同时添加：https : //www.exam.com 和exam.com

要解决该错误，请转到 firebase 控制台。

1. 转到 Firebase 控制台。

2. 单击身份验证。

3. 单击登录方法。

4. 向下滚动并检查授权域。

5. 添加您实施电话身份验证的站点地址。