1

Estoy usando ngResource en Angular para acceder a una API RESTful. Creé una factory muy simple para lograr esto.

.factory('Bookmark', function($resource){
    return $resource('http://bookmarks-angular.herokuapp.com/api/bookmarks/:id');
})

En el controlador utilicé Bookmark.query:

.controller('MainController', function($scope, Category, Bookmark){
    $scope.name = 'Carl';
    Category.getAll(function(data){
        $scope.categories = data.categories;
        $scope.currentCategory = data.categories[0];
        $scope.bookmarks = Bookmark.query();
    });
})

Necesito además usar Bookmark.save y Bookmark.remove, así como un token en el encabezado Authorization. Buscando encontré una solución:

$resource('url/to/json', {}, {
    get: {
        method: 'GET',
        headers: { 'something': 'anything' }
    }
}); 

Sin embargo esto funciona solo para el método get y quisiera usarlo para enviar el token en cada método del $resource. No quiero sobreescribir cada método solo para asignar el header. ¿Existe alguna alternativa?

Actualización

Viendo los comentarios creo que debo agregar que para generar el token utilizo JWT (JSON Web Token) que lo genero en el backend y lo pasó al frontend cuando se realiza el login, asignándolo a un campo en el $sessionStorage. Por ahora este token no expira, pero por razones de seguridad en un futuro próximo deberá hacerlo. Además la url que se envía para generar el token y tal vez algunas otras en el futuro no requieren esta verificación.

2 respuestas 2

1

Angular introduce el concepto de interceptors para todo lo que tiene que ver con peticiones http. Con estas puedes modificar tanto la petición como la respuesta. En tu caso lo que necesitas es un request interceptor ya que el token se enviará en cada petición. $resource es sólo una capa de abstracción superior al servicio $http.

Esta es la forma más simple de lograrlo.

function tokenInterceptor() {
    return {
        'request': function (config) {
            // Tienes que usar un factory o $localStorage para saber cual es el token
            // Aquí estoy asumiendo que usas OAuth
            if (token) {
                config.headers['Authorization'] = 'Bearer ' + token;
            }
            return config;
        }
    };
}

function interceptors($httpProvider) {
    $httpProvider.interceptors.push('tokenInterceptor');
}

interceptors.$inject = ['$httpProvider'];

angular.module('myAppModule')
    .factory('tokenInterceptor', tokenInterceptor)
    .config(interceptors);

Creas el interceptor como un factory y lo agregas a tu aplicación usando $httpProvider.

Actualización

La razón por la que debes usar un interceptor es porque los tokens no duran para siempre, es muy probable que expiren, así que si lo pones en un run block o un config block esto sólo se ejecutará al principio de tu aplicación y luego dejará de funcionar cuando alcance su fecha de expiración.

Si estás tratando de implementar autenticación OAuth o alguna similar creo que te puede servir echarle una vista a satelizer que es la forma más fácil de integrar autenticación por tokens a angular.

0

Puedes usar $http.defaults.headers.common, se aplicara a todas las solicitudes ajax de tu SPA.

module.run(function($http) {
  $http.defaults.headers.common.Authorization = 'Bearer <token aquí>';
});
12
  • Siento que esto resuelve el problema pero deja un terrible agujero en la aplicación. Lo mejor sería utilizar un mecanismo más seguro como OAuth en lugar de enviar credenciales o permisos mediante headers.
    – user227
    Commented el 14 mar. 2016 a las 20:54
  • @LuiggiMendoza OAuth, utiliza tokens que debes obtener del servidor de autenticación y enviar en las solicitudes. No resuelve el problema del secreto. Commented el 14 mar. 2016 a las 21:01
  • Lo "resuelve" porque cada token es generado para validar cada request.
    – user227
    Commented el 14 mar. 2016 a las 21:02
  • Que? pides un token para cada request...? Commented el 14 mar. 2016 a las 21:03
  • @LuiggiMendoza Efectivamente OAuth usa headers también y estos se generan dependiendo del flujo que hayas escogido y como lo implementas. Si usas refresh tokens obtienes uno nuevo a partir de uno viejo pero eso es solo si implementas refresh tokens y de acuerdo a tiempo de expiración de cada token.
    – devconcept
    Commented el 14 mar. 2016 a las 21:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.