ionic Framework 3 firebase google身份验证

Question

我在Firebase身份验证方面遇到了一些问题，正在寻求帮助。

基本上，对于我的谷歌登录，我可以打开一个应用内浏览器并选择我想要登录的个人资料。然而，当我被引导回我的原始页面时，身份验证似乎到此为止。当我返回时，我使用了ngIf来更改登录页面的布局，但没有显示更改。有人知道吗？

我的HTML代码如下：

<button block ion-button (click)="login('facebook')" *ngIf = "!provider.loggedin" item-left>
  <ion-icon name="logo-facebook"></ion-icon> &nbsp; &nbsp; Login With Facebook
</button>
<button block ion-button (click)="login('google')" *ngIf = "!provider.loggedin" item-left>
  <ion-icon name="logo-googleplus"></ion-icon> &nbsp; &nbsp; Login With Google
</button>
<ion-card *ngIf = "provider.loggedin">
  <img src="{{ provider.profilePicture }}"/>
  <ion-card-content>
    <ion-card-title>
      {{ provider.name }}
      </ion-card-title>
    <p style = "text-align: center">
      {{ provider.email }}
    </p>
  </ion-card-content>
</ion-card>

<button block ion-button (click)="FinalLogin()" *ngIf = "provider.loggedin" item-left>Please Enter!!</button>
<button block ion-button (click)="logout()" *ngIf = "provider.loggedin" item-left>Logout</button>

主页的代码。ts如下：

login(provider){
  let signInProvider = null;
  console.log("Help")
  switch(provider){
    case "facebook":
    signInProvider = new firebase.auth.FacebookAuthProvider()
    console.log("Help2")
    break;

    case "google":
    signInProvider = new firebase.auth.GoogleAuthProvider()
    console.log("helping me")
    break;

  } 

  console.log("help3")

  this.fire.auth.signInWithRedirect(signInProvider)
  .then ( () => {
    console.log("Help4")     
      this.fire.auth.getRedirectResult().then( res => {         

      console.log(res)
      console.log('from -Google--')

      this.provider.loggedin = true;
      this.provider.name = res.user.displayName;
      this.provider.name = res.user.email;
      this.provider.profilePicture = res.user.photoURL;
      this.ref.detectChanges();
      console.log(res)

      this.navCtrl.push(LoggedinPage);

      });
    })
  }

Answer 1

您对this.fire.auth.signInSusReDirect（signInProvider的调用可能会静默失败，因为您没有捕获-任何错误。

试试这个：

this.fire.auth.signInWithRedirect(signInProvider)
    .then(() => { /* existing code */ })
    .catch(error => console.error(error));

排除任何无声失败的可能性。然后，根据需要解决登录过程中可能出现的任何错误。