Как зарегистрировать пользователя, используя Angular.js и затем подключаясь к Rails API?

Question

Все, что я хочу сделать - это подключить Angular к интерфейсу API rails, чтобы зарегистрировать / войти в систему пользователя. Мне нужна помощь о том, как пройти проверку подлинности. На рельсы API был установлен драгоценный камень CORS. Если есть какие-либо хорошие шаблоны или хорошие документы, пожалуйста, пришлите ссылки! Заранее спасибо!

Частичный вход:

<form name="regField" ng-submit="create(user, regField.$valid)" novalidate>
<fieldset>
    <legend>Register</legend>
    <label>Username<input type="text" ng-model="user.username" required></label>
    <label>PW<input type="password" ng-model="user.password" required></label>
    <label>PW confirm<input type="password" ng-model="user.pw_confirm" required></label>
    <button>Submit</button>
</fieldset>

Контроллер входа:

app.controller('loginController', ['$scope','$location','userFactory', function($scope, $location, UserFactory){
$scope.loginErr = "";
$scope.regErr = "";
// UserFactory.allAppointments();
$scope.create = function(user, isValid){
    if(isValid){
        UserFactory.create(user,function(res){
            if(res.data.duplicate){
                $scope.regErr = "Username must be unique";
            } else {
                $location.url('/dashboard');
            }
        })
    } else{
        $scope.regErr = "Invalid Combination";
    }
}
$scope.login = function(user, isValid){
    if (isValid){
        UserFactory.login(user,function(){
            $location.url('/dashboard');
        })
    } else {
        $scope.loginErr = "Invalid Combination";
    }
}
}])

UserFactory:

app.factory('userFactory', ['$http', function($http){
var currentUser = {};
return {
    getCurrentUser: function(callback){
        $http({
            method:  "GET",
            url: "/currentUser"
        }).then(function(user){
            currentUser = user;
            callback(user.data);
        })
    },
    create:function(user, callback){
        $http({
            method:"POST",
            url:"https://nameofapp.herokuapp.com/api/v1/auth",
            dataType:'json',
            headers: {
                'Content-Type': 'application/json'
            }
        }).then(function(user){
            currentUser = user;
            callback(user);
        })
    },
    login:function(user,callback){
        $http({
            method:"POST",
            url:"/login",
            data:user
        }).then(function(user){
            currentUser = user;
            callback(user);
        })
    },
    logout: function(callback){
      $http({
        method:"GET",
        url:'/logout'
      }).then(callback)
    }
}
}])

Answer 1

Вы можете отослать это к настройке аутентификации с помощью Angular + Rails-api + Devise https://www.airpair.com/ruby-on-rails/posts/authentication-with-angularjs-and-ruby-on-rails