使用Angular.js和iOS客户端对Node.js应用进行身份验证

我将使用基于令牌的身份验证，您可以在每个请求中自动发送令牌(自动)。您必须登录一次，服务器将为您提供一个令牌，然后您可以使用每个请求发送。该标记将被添加到HTML标题中，以便您不必将每个请求修改为浏览器。

您可以在API中设置某些呼叫，以便它们始终需要令牌，而其他呼叫可能不受令牌保护。

对于Express，可以使用express-jwt(https://www.npmjs.org/package/express-jwt)

var expressJwt = require('express-jwt');

// Protect the /api routes with JWT
app.use('/api',expressJwt({secret: secret}));

app.use(express.json());
app.use(express.urlencoded());

如果要进行身份验证，您可以在快速服务器中创建此功能：

app.post('/authenticate',function (req,res) {
  //if is invalid,return 401
  if (!(req.body.username === 'john.doe' && req.body.password === 'foobar')) {
    res.send(401,'Wrong user or password');
    return;
  }

  var profile = {
    first_name: 'John',last_name: 'Doe',email: 'john@doe.com',id: 123
  };

  // We are sending the profile inside the token
  var token = jwt.sign(profile,secret,{ expiresInMinutes: 60*5 });

  res.json({ token: token });
});

而对于受保护的调用，以/ api开头的东西：

app.get('/api/restricted',res) {
  console.log('user ' + req.user.email + ' is calling /api/restricted');
  res.json({
    name: 'foo'
  });
});

在您的Angular应用程序中，您可以登录：

$http
      .post('/authenticate',$scope.user)
      .success(function (data,status,headers,config) {
        $window.sessionStorage.token = data.token;
        $scope.message = 'Welcome';
      })
      .error(function (data,config) {
        // Erase the token if the user fails to log in
        delete $window.sessionStorage.token;

        // Handle login errors here
        $scope.message = 'Error: Invalid user or password';
      });

并通过创建一个身份验证拦截器，它将自动发送令牌与每个请求：

myApp.factory('authInterceptor',function ($rootScope,$q,$window) {
  return {
    request: function (config) {
      config.headers = config.headers || {};
      if ($window.sessionStorage.token) {
        config.headers.Authorization = 'Bearer ' + $window.sessionStorage.token;
      }
      return config;
    },response: function (response) {
      if (response.status === 401) {
        // handle the case where the user is not authenticated
      }
      return response || $q.when(response);
    }
  };
});

myApp.config(function ($httpProvider) {
  $httpProvider.interceptors.push('authInterceptor');
});

如果您必须支持不支持本地存储的旧浏览器。您可以使用像AmplifyJS(http://amplifyjs.com/)这样的库来交换$ window.sessionStorage。扩大例如使用任何本地存储可用。这将会像这样翻译：

if (data.status === 'OK') {
      //Save the data using Amplify.js
      localStorage.save('sessionToken',data.token);
      //This doesn't work on the file protocol or on some older browsers
      //$window.sessionStorage.token = data.token;
      $location.path('/pep');
    }
  }).error(function (error) {
    // Erase the token if the user fails to log in
    localStorage.save('sessionToken',null);
    // Handle login errors here
    $scope.message = 'Error: Invalid user or password';
  });

和我们交换的authinterpter：

angular.module('myApp.authInterceptor',['myApp.localStorage']).factory('authInterceptor',[
  '$rootScope','$q','localStorage',localStorage) {
    return {
      request: function (config) {
        config.headers = config.headers || {};
        config.headers.Authorization = 'Bearer ' + localStorage.retrieve('sessionToken');
        return config;
      },response: function (response) {
        if (response.status === 401) {
        }
        return response || $q.when(response);
      }
    };
  }
]);

您可以在本文中找到除AmplifyJS之外的所有内容：

http://blog.auth0.com/2014/01/07/angularjs-authentication-with-cookies-vs-token/