angularjs - AngularFire:注销后仍然可以访问数据

标签 angularjs firebase angularfire firebase-security

我正在努力使用 AngularFire 进行用户身份验证和授权。

问题是,一旦授权用户登录并显示来自 Firebase 的数据,如果我注销,则数据仍然会显示。我可以将数据从范围中分离出来(delete $scope.data),从而使其不显示,但是如果我以未经授权用户身份再次登录,则引用为重新连接后数据仍然存在。

我猜数据保留在客户端的某个地方。但我怎样才能摧毁它呢?每次注销时,我都尝试用新的 Firebase 引用替换,但没有成功。

这是代码:

<!DOCTYPE html>
<html ng-app="app">
<head>
  <title></title>
</head>
<body ng-controller="ctrl">

  <div ng-hide="loggedIn">Not logged In</div>
  <button ng-hide="loggedIn" ng-click="login()">Log in</button>

  <div>The data: {{data}}</div>
  <button ng-show="loggedIn" ng-click="logout()">Log out</button>

</body>
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/firebase/firebase.js"></script>
<script type="text/javascript" src="bower_components/firebase-simple-login/firebase-simple-login.js"></script>
<script type="text/javascript" src="bower_components/angularfire/angularfire.js"></script>
<script type="text/javascript">

angular.module('app', ['firebase'])

.controller('ctrl', function ($scope, $firebase, $firebaseSimpleLogin) {
  var ref = new Firebase(<ref>);
  var ngref = $firebase(ref);
  var auth = $firebaseSimpleLogin(ref);
  $scope.loggedIn = !!auth.user;
  $scope.login = function () {
    auth.$login('google').then(
      function (user) {
        $scope.data = ngref.name;
        $scope.loggedIn = true;
      }, 
      function (error) {
        throw error;
      });
  };
  $scope.logout = function () {
    $scope.loggedIn = false;
    auth.$logout();
  };
})

</script>
</html>

编辑

看来这个行为与AngularFire无关。下面的代码使用普通 Firebase API,结果是相同的。

var auth = new FirebaseSimpleLogin(ref, function (error, user) {
  if (error) {
    throw error;
  } else if (user) {
    $scope.$apply(function () {
      $scope.loggedIn = true;
      $scope.data = ref;
    });
  } else {
    $scope.$apply(function () {
      delete $scope.data;
      $scope.loggedIn = false;
    });
  }
});

$scope.loggedIn = false;
$scope.login = function () {
  auth.login('google');
};
$scope.logout = function () {
  auth.logout();
};

最佳答案

我有点晚了(几乎一年了),但是可以通过删除“firebase:session::”的 localStorage 条目来解决这个问题。

window.localStorage.removeItem("firebase:session::<host-name>");

关于angularjs - AngularFire:注销后仍然可以访问数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23504659/

相关文章:

javascript - Firebase 图像数组的异步加载

javascript - Firebase 排序和检索特定记录的索引

javascript - 如何在 Angular JS 中创建服务?

javascript - Firebase 实时数据库使用 JavaScript 发布旧图像

ios - 当用户使用打开的 Firebase FCM 调配关闭 iOS 设备设置中的通知时,如何实现应用程序行为?

Firebase 电话身份验证只是超时,不发送短信或自动登录

angularjs - 用户注册时如何检查电子邮件地址是否存在(Angularjs 和 Firebase)

javascript - 具有条件 Angular js 的 ng-repeat 过滤器

javascript - Controller 分配新值后AngularJS隔离范围不更新

javascript - $location.path 没有重定向到 Angular JS 中的页面