Angularfire2 和 Rxjs Observable 没有触发 Catch 和 Complete 方法

Question

我在我的网站上进行了身份验证，它工作正常，但我想处理错误，为了测试，我为此目的导致了一个来自 firebase 的返回：“一个帐户已经存在，具有相同的电子邮件地址但不同的符号-在凭据中。使用与此电子邮件地址关联的提供商登录。"。我正在尝试使用以下代码编写一个可观察的 RXjs 来做到这一点：

private subscribleAuth() {
    this.af.auth
        .subscribe(
            auth => {
                this._auth = auth && auth.auth ? auth.auth : null;
                if (this._auth) {
                    this.loginState = 'logged';
                } else {
                    this.loginState = 'login';
                }

            },
            err => {
                console.log('error'),
                    this.loginState = 'error';
            },
            () => { console.log('done.') }
        );
}

我的控制台从不显示“错误”或“完成”，所以我放入错误代码中的任何内容都不起作用。

注意：我知道导致 firebase 返回的原因，我只是想知道如何处理它以及为什么我编写的代码没有按预期工作，当没有返回错误时，该站点在相同的 observable 下按预期工作。

我正在使用 angularfire2: ^2.0.0-beta.5 和 Angular 2.0.0 final

编辑 1：even the official github project tells you to get the user as an observable and subscrible to it on Override configuration / No config Example app section..

编辑 2：reported as an issue，也许这真的是一个错误，我会继续更新这篇文章。现在的解决方法是使用 yashmurty 在 github 上编写的代码：

import { AngularFire, AuthProviders } from 'angularfire2';
import { AuthBackend } from 'angularfire2/auth/auth_backend';

export class SocialmenuComponent {
    constructor(public af: AngularFire, private _authBackend: AuthBackend) {
        // this.af.auth.subscribe(
        this._authBackend.getRedirectResult().subscribe(
            (auth) => {
                if(auth) {
                  console.log(auth);
                } else {
                  console.log('User Not Logged In');
                }
            },
            (err) => {
                if(err) {
                  console.log('Error in auth.subscribe : ');
                  console.log(err);
                } else {
                  console.log('No Error detected in auth.subscribe');
                }
            },
            () => { console.log('done.') }
        );
    }
}

Answer 1

调用AngularFire2 auth observable 的createUser 或login 方法时发生的任何错误都通过返回的promise 报告，而不是通过observable。

例如：

import { AngularFire } from 'angularfire2';

...
class MyComponent {

  constructor(af: AngularFire) {

    af.auth.createUser({
      email: 'someone@someplace.com',
      password: 'somepassword'
    })
    .then((authState) => { console.log('success'); })
    .catch((error) => { console.log('failure'); });
  }

如果使用涉及重定向的方法进行身份验证，您可以执行以下操作 (jeffbcross solution from github)：

import { FirebaseApp } from 'angularfire2';
import * as firebase from 'firebase';

...
class MyComponent {

  constructor(@Inject(FirebaseApp) fbApp: firebase.App) {

    fbApp.auth().getRedirectResult()
    .then((userCredential) => { console.log('success'); })
    .catch((error) => { console.log('failure'); });
  }
}

Answer 2

我正在检查angular/angularfire2/blob/master/src/auth/auth.ts 源代码，我发现它既不会调用error() 也不会调用complete()，因此行为是正确的。它在成功登录时只调用next()。

这不是您应该使用AngularFire.auth 的方式。调用this.af.auth.login() 返回firebase.Promise<FirebaseAuthState>，即rejected on missing credentials 或内部one of these cases，因此Observer（调用subscribe()）不是处理错误状态的地方。