단일 페이지 응용 프로그램에서 Firebase 인증을 처리하는 방법

Question

난 firebase 간단한 로그인 인증에 angularjs를 사용하고 있으며 단일 페이지 응용 프로그램을 만들고 싶습니다. 이 전에, 나는 service, main controller을 처리하려고했지만, FirebaseAuthClient()를 호출 할 때마다 경로가 있어야하기 때문에 충분하지 않다고 생각합니다. 또한 anglebase.run()에 FirebaseAuthClient()를 넣으려고합니다.이 프로그램은 앱이 시작될 때 초기화됩니다. 하지만 경로가있을 때는 작동하지 않을 것입니다. 전체 페이지로드가 아니기 때문이라고 생각합니다.

좋아

, 그리고 여기에 내가 원하는 것입니다, 로그인 페이지 제외

• , 모든 경로 (페이지)는 로그인이 필요합니다.
• 전역 적 FirebaseAuthClient()가 모든 경로를 검사하므로 다시 호출 할 필요가 없습니다.

Answer 1

내가 이해가 확실하지 않다() FirebaseAuthClient에서 돌아 글로벌 user. 전체 앱에서 FirebaseAuthClient와 모든 login()을 한 번만 초기화하면됩니다. 그것은 싱글 톤이며 인증 자격은 수행하는 모든 Firebase 작업에 적용됩니다.

왜 이것이 사실이 아니라고 생각합니까? 어떤 종류의 오류가보고 있습니까?

Answer 2

다음은 내가 인증을 Singly로 이전하기 전에 사용했던 것입니다. 어쩌면 도움이 될까요?

p4pApp.factory('firebaseAuth', function($rootScope) { 
var auth = {}, 
FBref = new Firebase(p4pApp.FIREBASEPATH); 

auth.broadcastAuthEvent = function() { 
    $rootScope.$broadcast('authEvent'); 
}; 

auth.client = new FirebaseAuthClient(FBref, function(error, user) { 
    if (error) { 
    } else if (user) { 
     auth.user = user; 
     auth.broadcastAuthEvent(); 
    } else { 
     auth.user = null; 
     auth.broadcastAuthEvent(); 
    } 
}); 

auth.login = function() { 
    this.client.login('facebook'); 
}; 

auth.logout = function() { 
    this.client.logout(); 
}; 

return auth; 
}); 

AuthCtrl은 내/모든 페이지에서 공통적으로 사용됩니다.

var AuthCtrl = function($scope, firebaseAuth) { 
$scope.login = function() { 
    firebaseAuth.login(); 
}; 

$scope.logout = function() { 
    firebaseAuth.logout(); 
}; 

$scope.isLoggedIn = function() { 
    return !!$scope.user; 
}; 

// src: Alex Vanston (https://coderwall.com/p/ngisma) 
$scope.safeApply = function(fn) { 
    var phase = this.$root.$$phase; 
    if (phase == '$apply' || phase == '$digest') { 
     if(fn && (typeof(fn) === 'function')) { 
      fn(); 
     } 
    } else { 
     this.$apply(fn); 
    } 
}; 

$scope.$on('authEvent', function() { 
    $scope.safeApply(function() { 
     $scope.user = firebaseAuth.user; 
    }); 
}); 
}; 

AuthCtrl에서 isLoggedIn()을 호출하여 사용자가 로그인했는지 여부를 확인할 수 있습니다.