javascript - 如何结合 Passport 和 Angular 用户界面路由

Question

我想知道如何将 angular-ui-routing 与 passport 结合起来。我找到的所有示例都使用那里的 node.js 路由。

var routerApp = angular.module('routerApp', ['ui.router']);

routerApp.config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/home');

$stateProvider

    .state('home', {
        url: '/home',
        templateUrl: 'partial-home.html'
    })

    .state('about', {
        // for example just show if is loggedIn       
    });

我如何在上面的代码片段中实现这个功能？

function isLoggedIn(req, res, next) {

    // if user is authenticated in the session, carry on 
    if (req.isAuthenticated())
        return next();

    // if they aren't redirect them to the home page
    res.redirect('/');
}

感谢每一个提示

Answer 1

开始的一种方法是在 Angular 中创建一个服务，该服务使用 $http 访问 Express 中的端点。 $http 返回一个包含成功和错误方法的 promise ，您可以使用这些方法来更改状态。如果您正在构建单页应用程序 (SPA)，这可能就是您需要了解的全部内容。例如:

// An Angular service that talks to Express
UserService.$inject = ['$http', '$state']; 

function UserService($http, $state) {

    this.loginUser = function (user) {
      $http.post("/api/login", user)
        .success(function (data, status) {
          console.log('Successful login.');
          console.log('data = ' + data); 
          console.log('status = ' + status); 
          $state.go('welcome'); // 
      })
        .error(function (data) {
          console.log('Error: ' + data);
          $state.go('somewhereelse'); 
      });
  }; 

$state.go 是一个 UI Router 便捷方法，它将呈现您定义的状态。

在 Express 中，您需要为 Passport 编写自己的回调函数来控制返回的内容。例如:

 // Express Route with passport authentication and custom callback
  app.post('/api/login', function(req, res, next) {
      passport.authenticate('local-login', function(err, user, info) {
        if (err) {
        return next(err); 
      }
      if (user === false) {
        res.status(401).send(info.message);  
      } else {
        res.status(200).send(info.message); 
      }
    })(req, res, next); 
  });

在这个例子中，我使用的是“本地登录”Passport 策略，它在后台发挥着神奇的作用。如果用户通过身份验证，它将向 Angular 发送回 200，这将触发 .success。否则它将发送 401 Unauthorized 并触发 .error。