Question

我正在使用AngularFire2身份验证。一切都很好。现在我想要实现的是，检查用户是否已经在用户列表中，然后在下次点击facebook登录按钮时更新lastLogin。

否则创建一个新用户。

这很好用。但是我无法在更新数据库后停止updateLogin（）/ _addUser（）函数停止。

它继续前进。（89 ...）auth.service.ts:98成功登录！

这是updateLogin（）

private _updateLogIn(thisurl, data) {
    return thisurl.update({ 
        lastLogIn: firebase.database.ServerValue.TIMESTAMP,
        avatar: data.photoURL
      }).then((success) => {
        console.log("successfully logged in!");
      }); ;
  }

我用authentication（）函数调用它，如下所示：

login(provider: string) {
    this.af.auth.login({
      provider: this._getProvider(provider)
    }).then(
        (success) => {
       this.authenticate(success);
   })
   return;
  }

    authenticate(user: any): any {
         if(!user) {
          return {};
        } else {
        let data = user.auth.providerData[0];
        this.api_url = this.af.database.object(`${this.path}/${user.auth.uid}`);
         this._isUsers().subscribe(value => {
           var filtered =  value.filter(function(item) {
                return item.uid === user.auth.uid;
            });
            if(filtered.length > 0){this._updateLogIn(this.api_url, data); return; }
            else{ this._addUser(this.api_url, user, data); return;
               }
          });
         return;
        }
      }

 _isUsers(){
   return this.usersList.map(snapshot => {
         return snapshot;
     });
  }

private _addUser(thisurl, user, data){
    return thisurl.set({
          name: data.displayName,
          username: data.displayName.replace(/ /g,"."),
          avatar: data.photoURL,
          email: data.email,
          provider: data.providerId,
          uid: user.auth.uid,
          lastLogIn: firebase.database.ServerValue.TIMESTAMP
      }).then((success) => {
        console.log("successfully signed up!");
        return;
      }); 
 }

我如何将函数执行停止一次？这基本上会破坏我的浏览器标签。

（89 ...）auth.service.ts:98成功登录！

Answer 1

问题与_isUsers()返回的观察结果最相关。虽然从问题的代码中不清楚，但该函数返回的this.usersList似乎是所有用户的AngularFire2 list。

当数据库发生变化时，AngularFire2 list和object可观察数据会发出数据，因此您在_updateLogIn中设置用户数据可能会导致另一个用户列表被发出，等等。 / p>

要解决此问题，您可以使用first运算符：

import 'rxjs/add/operator/first';

this._isUsers().first().subscribe(...)

然而，目前尚不清楚为什么你需要首先订阅这个observable。您可能需要考虑重构问题中的代码，因为它看起来过于复杂。

避免尽可能多的subscribe次呼叫通常是个好主意。您可能需要阅读RxJS: Don’t Unsubscribe。

如何停止AngularFire2功能？

1 个答案: