如何保留全球当前用户，直到使用angular_devise注销？ [英] How to keep globally current user until logout with angular_devise?

问题描述

如何在页面加载时如何创建自己可以访问全局的服务，这将通过 currentUser（）调用服务器，如果用户登录，然后保留并向控制器提供数据或状态直到注销？
现在我在多个状态或控制器中解析了很多次 currentUser（），我在文档中找到： authparseresponse ，它是可能的自己的服务，但我不知道如何处理这个正确的方式。

How to create own service accessible globally that will call server by currentUser() only once on page load, if User is logged in then keep it and provide data to controllers or states until logout? Now I'm resolving many times in many states or controllers currentUser(), I found in docs: authparseresponse that it is possibility to make own service, but I don't know how to handle this in right way.

例如在ui-router中我有两个服务器调用，只有当页面加载时才足够：

e.g in ui-router I've two server calls, would be sufficient only when page is loaded:

.state('login', {
  url: '/login',
  templateUrl: 'auth/_login.html',
  controller: 'AuthCtrl',
  onEnter: [
    '$state', 'Auth',
    function($state, Auth) {
      Auth.currentUser().then(function() {
        $state.go('home');
      });
    }
  ]
})
.state('dashboard', {
  url: '/dashboard',
  templateUrl: 'dashboard.html',
  onEnter: [
    '$state', 'Auth',
    function($state, Auth) {
      Auth.currentUser().then(function(user) {}, function(err) {
        $state.go('home');// user not logged in
      });
    }
  ]
})

或每次下一个服务器调用NavController：

or each time next server call in NavController:

app.controller('NavController', [
  '$state', '$scope', 'Auth', function($state, $scope, Auth) {
    $scope.signedIn = Auth.isAuthenticated;
    $scope.logout = Auth.logout; // logout function
    Auth.currentUser().then(function(user) {
      $scope.user = user;
    });
    $scope.$on('devise:login', function(e, user) {
      $scope.user = user;
    });
    $scope.$on('devise:logout', function(e, user) {
      $scope.user = {};
      $state.go("home");
    });
  }
]);

我发现类似的问题没有回答： stackoverflow

I found similar question without answer: stackoverflow

推荐答案

我们知道工厂是一个单例对象，基本上是用于数据共享。我们可以将其注入到任何控制器中，作为依赖关系
。这样也可以解决你的问题。将此服务注入到您的状态解析块，并检查用户是否存在，如果不是，则调用工厂的fetch用户功能

As we know factory is a singleton object and basically it is used for data sharing. We can inject it to any controller and functions as an dependency .So this may be also solve your problem. inject this service to your state resolve block and check if user exists or not if not then call the fetch user function of factory

app.factory("User", function($http, $q, $rootScope) {
var user = null;
return {
    fetchUser: function() {
        /*your ajax call that return current user*/
        user = YOUR_SERVER_RESPONSE;
        return user;

    },
    getUser : function(){
        return user;
    },
    setUser : function(u){
        user = u;
    }
}

}）;

，您的状态配置块看起来像

and your state config block is look like

  .state('dashboard', {
  url: '/dashboard',
  templateUrl: 'dashboard.html',
  resolve : function(User){
    if(User.getUser()){
        return User.getUser();
    }else{
        return User.fetchUser();
    }
  }
})

这篇关于如何保留全球当前用户，直到使用angular_devise注销？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！