actualmente estoy trabajando en un cliente con angularjs 1.5.8, y tengo un servicio llamado AuthenticationService.
discovrApp.factory('AuthenticationService', function (
$http,
$rootScope,
$localStorage,
jwtHelper,
apiURL){
var service = {};
var config = {headers: {
Authorization: '',
'Content-Type': 'application/json'
}
};
service.Login = Login;
service.Logout = Logout;
service.SignUp = SignUp;
service.Profile = Profile;
service.ChangePassword = ChangePassword;
service.ResetPassword = ResetPassword;
service.GetProfile = GetProfile;
//service.SignUp = SignUp;
//service.SignUp = SignUp;
return service;
function Login(username,password,callback) {
$http.post(apiURL + 'api/rest/auth/login/', { username: username, password: password })
.success(function(response){
//login successful if there's a token in the respose
if(response.token){
//decode token, to get the user id insert on payload
var token = jwtHelper.decodeToken(response.token);
var userProfile = 0;
userProfile = GetProfile(token.user_id);
console.log(userProfile);
//store username and token in local storage to keep user logged in between paga refreshes
$localStorage.currentUser = {id: token.user_id, username: username, token: response.token };
//config.headers.Authorization = 'JWT ' + response.token;
//add jwt token to auth header for all requests made by the $http services
$http.defaults.headers.common.Authorization = 'JWT ' + response.token;
//execuete callback with true to indicate successful login
callback(true);
}else{
//execute callback with false to indicate failed login
callback(false);
}
});
}
function Logout() {
$http.post(apiURL + 'api/rest/auth/logout/')
.success(function(response){
//remove user from local storage and clear http auth header
delete $localStorage.currentUser;
localStorage.removeItem('user');
config.headers.Authorization = '';
$http.defaults.headers.common.Authorization = '';
});
}
function SignUp(callback,username,password1,password2,email,more){
$http.post(apiURL + 'api/rest/auth/registration/', { username: username, password1: password1, password2: password2, email: email})
.success(function(response){
//login successful if there's a token in the respose
if(response.token){
console.log(response.token);
//store username and token in local storage to keep user logged in between paga refreshes
$localStorage.currentUser = { username: username, token: response.token };
//add jwt token to auth header for all requests made by the $http services
$http.defaults.headers.common.Authorization = 'JWT ' + response.token;
//execuete callback with true to indicate successful login
callback(true);
}else{
//execute callback with false to indicate failed login
callback(false);
}
});
}
function Profile(){
$http.get(apiURL + 'api/user/' + $localStorage.currentUser.id + '/').
then(function successCallback(response) {
localStorage.setItem('user', JSON.stringify(response.data));
console.log(response.data)
}, function errorCallback(response) {
console.log(response);
});
}
function GetProfile(id){
$http.get(apiURL + 'api/user/' + id + '/').
then(function successCallback(response){
$rootScope.userProfile = response.data.Kind;
localStorage.setItem('profile', $rootScope.userProfile);
//console.log(($rootScope.userProfile = response.data.Kind));
});
return $rootScope.userProfile;
}
});
El problema lo tengo con las funciones Profile() y GetProfile(), cuando las mando a llamar por primera vez siempre me devuelven o asignan "undefined", y si dejo un console.log en las funciones para imprimir el resultado de la api, primero devuelve undefined, ya si lo vuelvo a llamar, me devuelve o asigna el valor, el problema es la primera vez que la llamo siempre, siempre me devuelve undefined y la segunda vez ya no,me gustaría saber si alguno le ha pasado y sabe la razón y forma de solucionar esto.
**NOTAS: En el servicio que creo podrán notar varias cosas, y es que he probado diferentes formas como guardar los datos devueltos por la petición get en una variable local, y luego imprimir esta variable local, sin resultado positivo al primer intento. Al refrescar la pagina, y volver a probar, me devuelve undefined a la primera y ya luego lo devuelve.
Gracias de antemano, Saludos.
return service;
antes que las funciones que la siguen se definan. Comienza por arreglar eso.undefined
es porque$http.get
realiza una tarea asíncrona. Posiblemente estas tratando de acceder a ella antes de que la respuesta del servidor llegue al cliente.