Estoy haciendo una página Web en Angular 8 (Front End), que se conecta con REST (post,get..) con el Back End que va en Java (Spring Tool Suite), este Back End se conecta con una BBDD MySQL. Tengo que hacer una operación de LOG IN utilizando por ejemplo, una pasword del cliente y su email.
Veo la maneras de enfocarlo:
Enviar el mensaje post cifrado y que mi Back End en Java lo descifre y haga la verificación enviando la respuesta.
Envío en Angular así,
onSubmit() : void {
this.userLogin=this.myLoginForm.value;
this.userLogin.id=0;
console.log("user LOGIN es => " , this.userLogin);
this._postLoginService.autentificarUsuario( this.userLogin).subscribe(data=>{
this.data=data
console.log ( "TERMINO POST. Mi usuario ID es: ", data);///camnio
})
}
mi servicio en Angular ( sin terminar, quiero que devuelva un numero y si el numero es mayor que 0 es un ID correcto, esta en OBRAS) es:
autentificarUsuario(userLogin: IloginUsuario): Observable <BigInteger>{
console.log("Dentro Servicio de autenficación de usuario ",userLogin);
return this.http.post (this._url, userLogin).pipe(
map((respuesta:any)=>{
//Aqui puedes trabajar los datos y hacer lo que quieras
console.log( "ver que tengo ", respuesta);
if(respuesta==null){
console.log( "Error usuario mal autenticado", respuesta);
}else{
console.log( "Usuario inscrito OK", respuesta);
}
return this.respuesta;
}),
catchError(err=> {
//Esto te permite capturar todos los errores
// o cualquier logica que quieras
console.log( "Error al hacer login usuario ", err );
return throwError(err)
})
)
y recibo ,
user LOGIN es => {email: "[email protected]", password: "123455676", id: 0}
UsuarioRegistrado.Service.ts:15 Dentro Servicio de autenficación de usuario {email: "[email protected]", password: "123455676", id: 0}
UsuarioRegistrado.Service.ts:20 ver que tengo 69
UsuarioRegistrado.Service.ts:24 Usuario inscrito OK 69
login.component.ts:41 TERMINO POST. Mi usuario ID es: undefined
Aquí podemos ver que el servidor de Back End me devuelve 69 que es el ID del usuario haciendo Login. Mi problema es que es post básicamente lo hago como en el hilo: Angular POST, no espera resultado operación. ¿Por qué? Evidentemente, el Jasón que envió no esta cifrado. Necesito algo para enviar un POST que proteja la información y que mi servidor en STS Java pueda entender.
Supongo algun tipo de operación de hash o cifrado hay ya en alguna libreria. O alguna opción de hacer un post así.
Tengo muchas dudas,
(*) no se si lo correcto es hacer un jason que tenga un campo para email y otro para password, encriptarlo en Angular y mandarlo al servidor de Back end en Spring y allí desencriptarlo o es mejor encriptar solamente el campo password. Ejemplo,
export interface IloginUsuario{
id: number,
email: string,
password: string
}
La respuesta consistirá en el ID del usuario (clave primaria de la BBDD) si existe, y otros mensajes de no existir ese usuario.
(*) Otra pregunta será si Bcrytjs se puede implementar sin problemas es angular y java.
La cosa es que no encuentro algo claro. ¿puede alguién darme un consejo y un ejemplo de como hacer en lado Angular y en lado STS?
Lo único que se me ocurre sencillo es hacerme yo alguna función que lo haga, pero seguro que es una chapuza y poco profesional. Quiero aprender a hacer algo medianamente aceptable . Gracias