Как обеспечить маршрут в AngularFire 0.6.0 (authRequired)?

Question

В предыдущих версиях angularFire можно было обеспечить выделение выбранных маршрутов с помощью «authRequired» и «pathTo» с помощью метода маршрутизации Angular $ routeProvider. Они больше не работают с AngularFire 0.6.0. Каков эквивалентный параметр/метод в Angular 0.6.0?

Answer 1

Маршрутизация была перемещена из углового огня по тем же причинам, что и ее вытащили из ядра Углового - чтобы быть менее самоуверенным в том, как проводится маршрутизация и какую библиотеку вы должны использовать.

Вы по-прежнему можете включить маршрутизацию, захватив module from angularFire-seed, который готов к подключению к игре.

Шагов:

1. добавить ngRoute и routeSecurity ваших зависимостей приложений
2. декларировали loginRedirectPath постоянной
3. добавить authRequired в соответствующих случаях

Пример:

// add routeSecurity to your dependency libs 
angular.module('myApp', [..., 'ngRoute', 'firebase', 'routeSecurity']); 

// declare the loginRedirectPath variable 
angular.module('myApp').constant('loginRedirectPath', '/login') 

// put authRequired in your routes 
$routeProvider.when('/account', { 
    authRequired: true, // must authenticate before viewing this page 
    templateUrl: 'partials/account.html', 
    controller: 'AccountCtrl' 
}); 

// live long and prosper 

Вот скопируйте модуль с 0.6.0 для соответствия политике SO; обратитесь непосредственно к источнику для текущей версии:

(function(angular) { 
    angular.module('routeSecurity', []) 
     .run(['$injector', '$location', '$rootScope', 'loginRedirectPath', function($injector, $location, $rootScope, loginRedirectPath) { 
     if($injector.has('$route')) { 
      new RouteSecurityManager($location, $rootScope, $injector.get('$route'), loginRedirectPath); 
     } 
     }]); 

    function RouteSecurityManager($location, $rootScope, $route, path) { 
     this._route = $route; 
     this._location = $location; 
     this._rootScope = $rootScope; 
     this._loginPath = path; 
     this._redirectTo = null; 
     this._authenticated = !!($rootScope.auth && $rootScope.auth.user); 
     this._init(); 
    } 

    RouteSecurityManager.prototype = { 
     _init: function() { 
     var self = this; 
     this._checkCurrent(); 

     // Set up a handler for all future route changes, so we can check 
     // if authentication is required. 
     self._rootScope.$on("$routeChangeStart", function(e, next) { 
      self._authRequiredRedirect(next, self._loginPath); 
     }); 

     self._rootScope.$on('$firebaseSimpleLogin:login', angular.bind(this, this._login)); 
     self._rootScope.$on('$firebaseSimpleLogin:logout', angular.bind(this, this._logout)); 
     self._rootScope.$on('$firebaseSimpleLogin:error', angular.bind(this, this._error)); 
     }, 

     _checkCurrent: function() { 
     // Check if the current page requires authentication. 
     if (this._route.current) { 
      this._authRequiredRedirect(this._route.current, this._loginPath); 
     } 
     }, 

     _login: function() { 
     this._authenticated = true; 
     if(this._redirectTo) { 
      this._redirect(this._redirectTo); 
      this._redirectTo = null; 
     } 
     else if(this._location.path() === this._loginPath) { 
      this._location.replace(); 
      this._location.path('/'); 
     } 
     }, 

     _logout: function() { 
     this._authenticated = false; 
     this._checkCurrent(); 
     }, 

     _error: function() { 
     if(!this._rootScope.auth || !this._rootScope.auth.user) { 
      this._authenticated = false; 
     } 
     this._checkCurrent(); 
     }, 

     _redirect: function(path) { 
     this._location.replace(); 
     this._location.path(path); 
     }, 

     // A function to check whether the current path requires authentication, 
     // and if so, whether a redirect to a login page is needed. 
     _authRequiredRedirect: function(route, path) { 
     if (route.authRequired && !this._authenticated){ 
      if (route.pathTo === undefined) { 
       this._redirectTo = this._location.path(); 
      } else { 
       this._redirectTo = route.pathTo === path ? "/" : route.pathTo; 
      } 
      this._redirect(path); 
     } 
     else if(this._authenticated && this._location.path() === this._loginPath) { 
      this._redirect('/'); 
     } 
     } 
    }; 
})(angular);