Estoy haciendo un login y me encuentro con el problema de que no me recupera bien el valor de mi api rest.
Estoy llamando a una URI
que unas que se le pasara o bien email y password o usuario y password.
La api funciona bien, lo he probado en postman y todo sin problemas, pero al llevarlo a angular ya empiezan los problemas.
Primero valido el frontend y una vez que esta todo correcto valido el backend
A continuacion dejo mis funciones :
validarFormularioFrontend() {
let valido = true;
if (!this.usuario.usuario.trim().length) {
this.addError("El usuario/email no puede estar vacio");
valido = false;
}
if (!this.usuario.password) {
this.addError("La contraseña no puede estar vacia");
valido = false;
}
return valido;
}
//VALIDACION BACKEND
existeEmailPassword() {
let usuario: Usuario = null;
this.usuarioService.loginE(this.usuario.usuario, this.usuario.password)
.subscribe(
result => {
if (result) {
usuario = result;
}
},
error => {
console.log("ERROR LOGIN E = " + error);
}
)
return usuario;
}
existeUsuarioPassword() {
let usuario :Usuario = null;
this.usuarioService.loginU(this.usuario.usuario, this.usuario.password)
.subscribe(
result => {
if (result) {
usuario = result;
}
},
error => {
console.log("ERROR LOGIN U = " + error);
}
)
return usuario;
}
validarFormularioBackend() {
let usuario: Usuario = null;
console.log("exist E = " + this.existeEmailPassword());
console.log("exist U = " + this.existeUsuarioPassword());
if (this.existeEmailPassword()) {
usuario = this.existeEmailPassword();
}
if (this.existeUsuarioPassword()) {
usuario = this.existeEmailPassword();
}
return usuario;
}
iniciarSesion() {
this.vaciarErrores();
if (this.validarFormularioFrontend()) {
if (this.validarFormularioBackend()) {
alert("SESION INICIADA CON EXITO");
let usuario:Usuario = this.validarFormularioBackend();
//console.log("EL USUARIO QUE HA INICIADO SESION ES = ",usuario);
}
}
}
Como se puede apreciar iniciarSesion()
se encarga de todo. El problema esta en que me devuelve null siempre las funciones existeEmailPassword()
y existeUsuarioPassword()
. Una de las dos me debe dvolver null si , pero no las dos, ya que a veces el usuario iniciara con el email y otras con el nombre de usuario.
Las direcciones de las API son:
Para comprobar si es con el email:
http://localhost:8090/api/usuarios/existE/{email}/{password}
Para comprobar si es con el usuario:
http://localhost:8090/api/usuarios/existU/{usuario}/{password}
Por arrojar mas luz cuando hago un console log del usuario (una vez igualado al resultado de la peticion ajax) me sale el objeto recuperado perfectamente. Por tante en algun momento la var usuario vale el valor que deberia pero alguna razon se borra luego.
Tambien aclarar que si os fijais, si intenta conectarse ya sea por email o por nombre de usuario yo le paso siempre usuario.usuario
y no : usuario.email
o usuario.usuario
eso se debe a que esta mapeado a un objeto Usuario y por tanto lo mapee con el atributo usuario:
<input type="text" [(ngModel)]="usuario.usuario" class="form-control" name="email" id="email">