estoy tratando de capturar la url de cada modulo que ingresa y el usuario de la persona con angular y mandarle al back en este caso es java. Para realizar unas metricas y ver que usuarios están ingresando seguidamente y que modulo son lo mas vistos.
He creado un interceptor.service.ts
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpHandler, HttpEvent, HttpRequest, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class InterceptorService implements HttpInterceptor {
constructor() { }
intercept(req: HttpRequest<any>, next: HttpHandler) : Observable<HttpEvent<any>> {
const headers = new HttpHeaders({
'token-usuario':'assasaas'
});
const reqClone = req.clone({headers})
console.log(reqClone);
return next.handle(req).pipe(
catchError(this.manejarError)
)
}
manejarError(error: HttpErrorResponse){
console.log('Sucedio un error');
console.log('Registrando en el log File');
console.warn(error);
return throwError('Error Personalizado');
}
}
User.Service
obtenerUsuario(){
return this.http.get('https://reqres.in/api/user'/*,{params}*/).pipe(
map(resp => resp['data'])
);
}
app.component.ts
this.UserService.obtenerUsuario().subscribe( resp =>{console.log(resp);})
Problema Problema es que me devuelve encriptado
APP.COMPONENT.TS : Agregue registro.registrar(this.constructor.name);
import { Component, Renderer2, Inject } from '@angular/core';
import { Title } from '@angular/platform-browser';
import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
import { RoutePartsService } from './core/services/router-parts.service';
import { LayoutService } from './system/frame/services/layout.service';
import { filter } from 'rxjs/operators';
import { RegistrarVisitaService } from './services/registrar-visita.service';
import { DOCUMENT } from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
appTitle = 'MIS';
pageTitle = '';
constructor(
public title: Title,
private router: Router,
private activeRoute: ActivatedRoute,
private routePartsService: RoutePartsService,
private layout: LayoutService,
private renderer: Renderer2,
private registro: RegistrarVisitaService
) {
registro.registrar(this.constructor.name);
// registro.registrar('Modulo/NombreDelComponente');
}
Cree un servicio llamado: RegistrarVisitaService
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { UserService } from '../core/services/user.service';
@Injectable({
providedIn: 'root'
})
export class RegistrarVisitaService {
constructor(private http: HttpClient, private userService: UserService) { }
registrar(componente : string){
console.log(componente);
this.http.post('url para enviar los datos',
{
componente : componente,
usuario: this.obtenerUsuario()
}).subscribe(r => {
});
}
private obtenerUsuario(){
// obtener el usuario logueado
console.log(this.userService.getEmail())
return this.userService.getEmail();//'usuarioFalso';
}
}
localhost:8080
y esa url es la que aparece encriptada. Agrega el código donde se hace esa petición junto con la url.*/ventas
y el usuariojuan
? Y conforme el usuario navega dentro de la app así se registran los módulos que está visitando.