AngularJS Firebase注销用户无法正常工作

时间:2016-04-30 01:09:31

标签: javascript angularjs ionic-framework firebase firebase-authentication

我的退出功能,链接到退出按钮是:

$scope.logoutUser = function() {
  var ref = new Firebase("https://buzzmovieionic.firebaseio.com");
  ref.unauth();
  console.log(ref.getAuth);
  $state.transitionTo('login');
}

当我点击退出时,会将其打印到控制台:

function (){x("Firebase.getAuth",0,0,arguments.length);return this.k.P.we()}

我正在检查其他控制器中的authData:

控制器:

.controller('SearchCtrl',
    function ($scope, $http, Movie, $state, UsersRef, AuthData, $timeout) {
      $scope.$on('$ionicView.enter', function () {
        if (!AuthData) {
          console.log("Auth data null!");
          swal("Unauthorized", "You are not logged in", "error");
          $state.transitionTo('login');
        } else {
          console.log("Auth data found: " + AuthData);
          //do stuff
        }
    });
})

FACTORY:

.factory("AuthData", [
    function () {
      var ref = new Firebase("https://buzzmovieionic.firebaseio.com");
      var data = null;
      ref.onAuth(function (authData) {
        if (authData) {
          data = authData;
        }
      });
      return data;
    }
  ])

如果我退出,然后通过更改URL返回链接到SearchCtrl的页面,它仍然说它找到了authData。

但是,如果我在第一次打开应用程序时尝试进入搜索页面,在任何人登录之前,它会向我提供正确的错误消息并退出登录页面。

如何确保用户在退出后无法返回应用程序?

2 个答案:

答案 0 :(得分:2)

欢迎使用异步编程101。

Firebase的onAuth方法侦听以获取身份验证状态的更改。当auth状态更改时,将调用您提供的回调方法。但是,当它正在等待身份验证状态更改时,您的其他代码将继续运行。

如果在代码中添加一些日志语句,最容易看到这一点:

.factory("AuthData", [
    function () {
      var ref = new Firebase("https://buzzmovieionic.firebaseio.com");
      var data = null;
      console.log('before onAuth');
      ref.onAuth(function (authData) {
        console.log('in callback');
        if (authData) {
          data = authData;
        }
      });
      console.log('after onAuth');
      return data;
    }
  ])

输出将是:

  在onAuth之前

     在onAuth之后

     回调中的

这可能与您编写此代码时的预期不符。

在代码中解决此问题的最简单方法是使用同步 ref.getAuth()方法:

.factory("AuthData", [
    function () {
      var ref = new Firebase("https://buzzmovieionic.firebaseio.com");
      return ref.getAuth();
    }
  ])

但是你会经常遇到这种异步性问题。我强烈建议使用和研究AngularFire,而不是重新发明轮子。

答案 1 :(得分:0)

您永远不会在data内清除AuthData,因此在第一个人登录后,它始终会有数据。我不熟悉Firebase,但您需要{{1}这样的内容工厂:

AuthData