Ruby on rails 在AngularJS中使用JSON用户对象进行身份验证
所以我有一个关于身份验证的问题，一直在想其他人会如何处理这种情况。我目前正在运行一个基于Rails API的Angular应用程序 到目前为止，对于身份验证，我有一个表单，它向Rails端发送一个帖子，让用户登录，然后在成功后将其发送回Angular应用程序。设置cookie并登录用户后，我就可以访问user.json文件，其中包含人们可能期望的所有用户信息（Id、用户名、角色、权限等）。由于所有的验证都是在Rails上进行的，因此如果用户注销，则此信息将被删除。所以这两个州看起来是 已登录Ruby on rails 在AngularJS中使用JSON用户对象进行身份验证,ruby-on-rails,json,angularjs,authentication,Ruby On Rails,Json,Angularjs,Authentication,所以我有一个关于身份验证的问题，一直在想其他人会如何处理这种情况。我目前正在运行一个基于Rails API的Angular应用程序 到目前为止，对于身份验证，我有一个表单，它向Rails端发送一个帖子，让用户登录，然后在成功后将其发送回Angular应用程序。设置cookie并登录用户后，我就可以访问user.json文件，其中包含人们可能期望的所有用户信息（Id、用户名、角色、权限等）。由于所有的验证都是在Rails上进行的，因此如果用户注销，则此信息将被删除。所以这两个州看起来是 已登录 {
{
id: 99384,
name: "Username",
url: "//www.test.com/profiles/Username",
timezone: null,
rights: [ ],
roles: [
"admin"
],
}
{
error: "You need to login or join before continuing."
}
到目前为止，我已经看到了为Angular进行auth的数百万种不同方法，但似乎没有任何方法适合这种类型的方法。所以我的问题是，既然服务器正在处理所有的验证，那么有没有办法只检查他们的user.json文件是否为空（显示错误消息），以及是否将Angular应用程序发送到Rails登录页面？当我可以基于JSON文件时，是否真的需要处理cookie、令牌等 您已经在使用cookies-服务器正在设置它们。你所做的是一种相当标准的做事方式 要检查json文件，您可以在控制器中执行如下操作：
app.controller('AppControl', function($scope, $http, $location){
// Get the JSON file.
$http.get('/path/to/json/file')
.then(response){
if(response.data.error){
// redirect to login
$location.path('login');
}
else{
$scope.user = response.data;
// your app code here.
}
})
.catch(function (error){
// unable to reach the json file - handle this.
});
});
.factory('User', function( $http ){
// Create a user object - this is ultimately what the factory will return.
// it's a singleton, so there will only ever by one instance of it.
var user = {};
// NOTE: I am assigning the "then" function of the login promise to
// "whenLoggedIn" - your controller code is then very easy to read.
user.whenLoggedIn = $http.get('user.json')
.then(function(response){
// Check to see if there is an error.
if (response.data.error !== undefined) {
// You could be more thorough with this check to determine the
// correct action (examine the error)
user.loggedIn = false;
}
else {
// the user is logged in
user.loggedIn = true;
user.details = response.data;
return user;
}
}).then; // <-- make sure you understand why that .then is there.
return user;
})
<body ng-controller="ExampleController">
<h1 ng-show="User.loggedIn == null">Logging in..</h1>
<h1 ng-show="User.loggedIn == true">Logged in as {{ User.details.name }}</h1>
<h1 ng-show="User.loggedIn == false">Not logged in</h1>
</body>
登录。。
以{{User.details.name}身份登录
未登录
- 如果用户已经登录，那么在将来注入服务时，它不会再次检查该文件。您可以在服务上创建其他方法来重新检查文件，还可以注销用户、重新登录等。我将由您决定
- 还有其他方法可以做到这一点-这只是一个可能的选择
- 这可能是显而易见的，但总是值得一提的。您需要主要在服务器端处理身份验证和安全性。客户端只是用户体验，确保用户不会看到混乱或冲突的屏幕
ngCookies<body ng-controller="ExampleController">
<h1 ng-show="User.loggedIn == null">Logging in..</h1>
<h1 ng-show="User.loggedIn == true">Logged in as {{ User.details.name }}</h1>
<h1 ng-show="User.loggedIn == false">Not logged in</h1>
</body>