An issue is arising with my app that makes calls to a REST API using POST and GET methods. The app I'm developing with Ionic works perfectly when emulated using the command:
ionic serve --lab
However, when running the app on an actual device, calls to the API result in a 404 error. Below are details of my app:
app.constants.js:
.constant('REST_SERVICE', {
url: 'http://skulapp.com/nuevo/service',
services: {
profile: '/get_profile/profile'/*,
contacto: '/contactos/',
contactosExport: '/contactosExport/',
campanna: '/campannas/',
sync_contactos: '/sync_contactos/',
sync_campannas: '/sync_campannas/'*/
}
})
app.controller.js: This function utilizes the service: _Auth_Service
$scope.login = function(_credentials){
if(_credentials != null){
$ionicLoading.show({
template: '<ion-spinner icon="lines" class="spinner-calm"></ion-spinner>'
});
_Auth_Service.verify({user: _credentials.user, pass: hex_md5(_credentials.pass)}).then(function(profile){
$state.go('main.dashboard', {}, {reload: true});
//console.log(profile);
$scope.setCurrentUsername(profile);
$ionicLoading.hide();
}, function(err) {
var alertPopup = $ionicPopup.alert({
title: 'Usuario no Valido',
template: 'Por favor revise su usuario y contraseña'
});
$ionicLoading.hide();
});
} else
var alertPopup = $ionicPopup.alert({
title: 'Inicio Cancelado',
template: 'Ingrese su usuario y contraseña'
});
}
app.services.js: Service _Auth_Service, use service _API
.service('_Auth_Service', function($q, $http, _API, USER_ROLES){
var authService = {};
var LOCAL_TOKEN_KEY = 'LocalAppToken';
var username = '';
var isAuthenticated = false;
var role = '';
var authToken;
authService.verify = function(credentials){
return _API.get('profile', credentials).then(function(res){
console.log(res);
storeUserCredentials(credentials.user + '.yourServerToken');
storeUserRol(res.data[0].Rol_USU)
return res.data[0];
});
};
... (omitting some lines for brevity)
loadUserCredentials();
return {
login: login,
logout: logout,
isAuthorized: isAuthorized,
isAuthenticated: function() {
return isAuthenticated;
},
username: function() {
return username;
},
role: function() {
return role;
}
};
})
.service('_API', function($http, REST_SERVICE){
this.get = function(_service, _data){
var _url = REST_SERVICE.url+REST_SERVICE.services[_service];
... (omitting some lines for brevity)
return $http.get(_url);
}
this.post = function(_service, _data){
var _url = REST_SERVICE.url+REST_SERVICE.services[_service];
//console.log(_data);
return $http.post(_url, _data);
}
})
REST API: get_profile/profile
$app->group('/get_profile', function() use($app){
$app->post('/profile', function() use($app){
try{
... (omitting some lines for brevity)
$_sql = 'SELECT u._id_PER, p._id_IMA, p.Nombre_PER, p.Apellidos_PER, p.Identificacion_PER, p.Telefono...';
... (omitting some lines for brevity)
}catch(PDOException $e){
$app->response->status(500);
echo "Error: Descargando los datos " . $e->getMessage();
}
});
... (omitting some lines for brevity)
});
If you wish to test the service, please use the following URL: