AngularFire kullanarak Firebase'de kullanıcı kimlik doğrulaması ile yönlendirme nasıl kullanılır?

Şu anda yönlendirmeyi kullanmaya çalışıyorum, böylece bir kullanıcı kimliği doğrulanmadıysa belirli bir sayfaya yönlendiriliyor ve kimlik doğrulaması yapılmışsa başka bir sayfaya yönlendiriliyor. Aşağıda AngularFire kullanarak Firebase'de kullanıcı kimlik doğrulaması ile yönlendirme nasıl kullanılır?

Aşağıda uygulama doğrulama yapıldıktan sonra bu yüzden farklı bir sayfaya kullanıcıyı yönlendirmek için, bir anlam ifade etmiyor yukarıda benim app

var app = angular.module("sampleApp", ["firebase"]); 

//Generates the $firebaseAuth instance 
app.factory("Auth", ["$firebaseAuth", function($firebaseAuth) { 
    var ref = new Firebase("https://crowdfluttr.firebaseio.com/"); 
    return $firebaseAuth(ref); 
}]); 

//auth is now used in controller 
app.controller("SampleCtrl", ["$scope", "Auth", function($scope, Auth) { 
    $scope.auth = Auth; 
    $scope.user = $scope.auth.$getAuth(); 
}]) 

//redirects to homepage if $requireAuth rejects 
app.run(["$rootScope", "$location", function($rootScope, $location) { 
    $rootScope.$on("$routeChangeError", function(event, next, previous, error) { 
    if (error === "AUTH_REQUIRED") { 
     $location.path("/home"); 
    } 
    }); 
}]); 

//use routeProvider to only load HomeCtrl if $waitroAuth Resolves and returns promise 
app.config(["$routeProvider", function($routeProvider) { 
    $routeProvider.when("/home", { 
    controller: "HomeCtrl", 
    templateUrl: "views/home.html", 
    resolve: { 
     "currentAuth": ["Auth", function(Auth) { 
     return Auth.$waitForAuth(); 
     }] 
    } 
    }).when("/account", { 
    //controller only loaded if $requireAuth resolves 
    controller: "AccountCtrl", 
    templateUrl: "views/account.html", 
    resolve: { 
     "currentAuth": ["Auth", function(Auth) { 
     return Auth.$requireAuth(); 
     }] 
    } 
    }); 
}]); 

//returns the authenticated user from currentAuth or null if not logged in 
app.controller("HomeCtrl", ["currentAuth", function(currentAuth) { 
}]); 

app.controller("AccountCtrl", ["currentAuth", function(currentAuth) { 
}]);

şey HTML

<html ng-app="sampleApp"> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> 
    <script src="https://cdn.firebase.com/js/client/2.0.4/firebase.js"></script> 
    <script src="https://cdn.firebase.com/libs/angularfire/0.9.1/angularfire.min.js"></script> 
    <script src="app.js"></script> 
    </head> 
    <body ng-controller="SampleCtrl"> 
    <div ng-show="user"> 
     <p>Hello, {{ user.facebook.displayName }}</p> 
     <button ng-click="auth.$unauth()">Logout</button> 
    </div> 
    <div ng-hide="user"> 
     <p>Welcome, please log in.</p> 
     <button ng-click="auth.$authWithOAuthPopup('facebook')">Login</button> 
    </div> 
    </body> 
</html>

olduğunu veya kimliği doğrulanmamışsa başka bir sayfaya yönlendirin. , https://www.firebase.com/docs/web/libraries/angular/guide.html#section-routes

kaynak

2015-01-21 Chris

Kişisel Çözüm oldukça basit böylece ngRoute Kütüphanesi şunlardır: http://codepen.io/chriscruz/pen/ogWyLJ Ayrıca

, burada ben den uygulamaya çalışıyorum başvuru için bir sayfadır:

benim codepen için buraya bakınız

Html kafanızda

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.10/angular-route.min.js"></script>

Sonra da böylece uygulamanın sizin bir bağımlılık olarak ngRoute şunlardır: codepen üzerine çözüm üzerinde

var app = angular.module("sampleApp", ["firebase", "ngRoute"]);

Görünüm: http://codepen.io/christiannwamba/pen/jEmegY çok

Goodluck ve Saygılar

kaynak

2015-01-21 14:21:28 Chris

AngularFire kullanarak Firebase'de kullanıcı kimlik doğrulaması ile yönlendirme nasıl kullanılır?

cevap

İlgili konular