redirect - sesion - Redirigir después de que el usuario haya iniciado sesión

redireccionar wordpress

Question

Soy bastante nuevo en Angular, y ahora mismo estoy tratando de configurar todas mis rutas y trabajar como me gustaría.

Configuración: cuando un usuario navega a ciertas páginas ( /settings para este ejemplo), la aplicación debe verificar si hay un usuario que ya haya iniciado sesión. Si continúa, siga las indicaciones habituales. De lo contrario, el usuario debe ir a la página de inicio de sesión ( /login ).

Lo que me gustaría: después de que el usuario haya iniciado sesión correctamente, debe ir a la página a la que originalmente intentaba acceder ( /settings )

Mi pregunta: ¿Hay una "forma angular" para recordar dónde intentaba ir el usuario?

Código relevante:

app.js

 .when(''/settings'', {
templateUrl: ''/views/auth/settings.html'',
controller: ''SettingsCtrl'',
resolve: {
currentUser: function($q, $location, Auth) {
var deferred = $q.defer();
var noUser = function() {
//remember where the user was trying to go
$location.path("/login")
};
Auth.checkLogin(function() {
if (Auth.currentUser()) {
deferred.resolve(Auth.currentUser());
} else {
deferred.reject(noUser());
}
});
return deferred.promise;
}
}
})

login.js

 $scope.submit = function() {
if(!$scope.logInForm.$invalid) {
Auth.login($scope.login, $scope.password, $scope.remember_me)
//go to the page the user was trying to get to
}
};

Muchas gracias a John Lindquist por el video que me llevó hasta aquí.

Answer 1

En primer lugar, no desea redirigir al usuario a una página de inicio de sesión.

Un flujo ideal en una aplicación web de una sola página es el siguiente:

1. Un usuario visita un sitio web. El sitio web responde con los recursos estáticos para la aplicación angular en la ruta específica (por ejemplo, / perfil / edición).

2. El controlador (para la ruta dada) realiza una llamada a una API utilizando $ http, $ route u otro mecanismo (por ejemplo, para completar previamente el formulario Editar perfil con los detalles de la cuenta del usuario registrado a través de un GET para / api / v1 / usuarios / perfil)

3. Si / mientras el cliente recibe un 401 de la API, muestre un modo de inicio de sesión y repita la llamada a la API.

4. La llamada a la API se realizó correctamente (en este caso, el usuario puede ver un formulario de edición de perfil rellenado previamente para su cuenta).

¿Cómo puedes hacer el # 3? La respuesta es $ http interceptores de respuesta .

Para propósitos de manejo global de errores, autenticación o cualquier tipo de preprocesamiento síncrono o asíncrono de las respuestas recibidas, es deseable poder interceptar las respuestas de las solicitudes de http antes de que sean entregadas al código de la aplicación que inició estas solicitudes. Los interceptores de respuesta aprovechan la promesa de apis para cumplir esta necesidad de preprocesamiento síncrono y asíncrono.

http://docs.angularjs.org/api/ng.$http

Ahora que sabemos cuál debe ser la experiencia de usuario ideal, ¿cómo lo hacemos?

Aquí hay un ejemplo: http://witoldsz.github.com/angular-http-auth/

El ejemplo se basa en este artículo:

http://www.espeo.pl/2012/02/26/authentication-in-angularjs-application

Buena suerte y feliz Angularing!