Skip to main content
3 de 3
se añadieron 2237 caracteres en el cuerpo
PieroDev
  • 2k
  • 7
  • 51
  • 92

Capturar Url y nombre sesión - Angular

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

introducir la descripción de la imagen aquí

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';
 
   }
}

introducir la descripción de la imagen aquí

PieroDev
  • 2k
  • 7
  • 51
  • 92