How to change resource's headers in angularjs

Question

I'm trying to set the headers of a resource (code bellow). It happens that, when I instantiate my resource ($scope.user = new rsrUser;) angularjs fetches the cookies that aren't yet defined (an "undefined" error is fired from inside "getHMAC()"). The cookies will only be defined when "$scope.login()" is fired (it happens when the user clicks a button in the interface).

Is there a better way of doing this?

controllers.js

angularjsWebInterfaceControllers.controller('loginCtrl', ['$scope', 'rsrUser',
function($scope, rsrUser){
    $cookieStore.put("username","therebedragons");
    $cookieStore.put("password","therebedragons");

    $scope.user = new rsrUser;
    $scope.user.username = ""; //bound to input field in interface
    $scope.user.password = ""; //bound to input field in interface


    $scope.login = function() {
      $cookieStore.put("username", $scope.user.username);
      $cookieStore.put("password", $scope.user.password);
      $cookieStore.put("state", "loggedOUT");

      $scope.user.$logIn(
        function(){
           $cookieStore.put("state", "loggedIN");
        }, function() {
          $cookieStore.put("username","therebedragons");
          $cookieStore.put("password","therebedragons");
          $cookieStore.put("state", "loggedOUT");
        }
      )
     };
}]);

services.js

angularjsWebInterfaceServices.service('rsrUser', [ '$resource', '$cookieStore',
  function($resource, $cookieStore){
    var req = "/login"
    var timestamp = getMicrotime(true).toString();
    var username = $cookieStore.get("username");
    var key = $cookieStore.get("password");
    return $resource(baseURL + req, {}, {
      logIn: {method:'POST',
              isArray:false,
              headers:{
                  'X-MICROTIME': timestamp,
                  'X-USERNAME': username,
                  'X-HASH': getHMAC(username,timestamp,req,key)
                }
            }
    });
  }]);

EDIT: Actually, the cookies are defiend as soon as the controller is instantiated;

c0bra · Accepted Answer · 2014-03-11 18:28:53Z

2

The value for a header can be a function that returns a string (see arguments here: http://docs.angularjs.org/api/ng/service/$http#usage). That way the cookie isn't accessed in your resource until the logIn method is called.

return $resource(baseURL + req, {}, {
  logIn: {method:'POST',
          isArray:false,
          headers: {
              'X-MICROTIME': timestamp,
              'X-USERNAME': function() {
                return $cookieStore.get("username");
              },
              'X-HASH': function() {
                var username = $cookieStore.get("username");
                return getHMAC(username,timestamp,req,key)
              }
            }
        }
});

answered Mar 11, 2014 at 18:28

c0bra

3,01225 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change resource's headers in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related