Skip to main content
se eliminaron 152 caracteres en el cuerpo
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

Crear un servicio que se conecte al router de Angular para obtener información de los eventos de navegación:

import { Injectable } from '@angular/core';
    import {NavigationStart,Router } from '@angular/router';
    
    @Injectable()
    export class RegistrarService {
    
      // insertar una instancia del router en el servicio
      constructor(private router: Router) { 
    
        // suscribirse a los eventos de navegación
        // así se obtendrá información cada vez que se navegue en la aplicación
        router.events.subscribe(e => {
    
   // obtener la url navegada con la //propiedad filtrarurl eldel eventorouter
 NavigationStart ya que dentro de este
          // selos puedeeventos recuperarde lanavegación rutason navegada
varios así que se filtra solo uno
      if(e instanceof NavigationStart ){
              // pasar la ruta a la función registrar
              this.registrar(ethis.router.url);
    
          }
         
        });
      }
    
      private registrar(url : string){
       
        console.log(url);
    
      }
    
      private getUsuarioLogueado(){
    
        return 'usuario 1';
    
      }
    
    }

En el app.component agregar una instancia del servicio en el constructor:

export class AppComponent  {
  

  constructor(private registrar: RegistrarService){
    
  }
}

Con ese par de cambios la aplicación puede capturar cada url en la que se está navegando.

Crear un servicio que se conecte al router de Angular para obtener información de los eventos de navegación:

import { Injectable } from '@angular/core';
    import {NavigationStart,Router } from '@angular/router';
    
    @Injectable()
    export class RegistrarService {
    
      // insertar una instancia del router en el servicio
      constructor(router: Router) { 
    
        // suscribirse a los eventos de navegación
        // así se obtendrá información cada vez que se navegue en la aplicación
        router.events.subscribe(e => {
    
          // filtrar el evento NavigationStart ya que dentro de este
          // se puede recuperar la ruta navegada
          if(e instanceof NavigationStart ){
              // pasar la ruta a la función registrar
              this.registrar(e.url);
    
          }
         
        });
      }
    
      private registrar(url: string){
       
        console.log(url);
    
      }
    
      private getUsuarioLogueado(){
    
        return 'usuario 1';
    
      }
    
    }

En el app.component agregar una instancia del servicio en el constructor:

export class AppComponent  {
  

  constructor(private registrar: RegistrarService){
    
  }
}

Con ese par de cambios la aplicación puede capturar cada url en la que se está navegando.

Crear un servicio que se conecte al router de Angular para obtener información de los eventos de navegación:

import { Injectable } from '@angular/core';
import {NavigationStart,Router } from '@angular/router';

@Injectable()
export class RegistrarService {

  // insertar una instancia del router en el servicio
  constructor(private router: Router) { 

    // suscribirse a los eventos de navegación
    // así se obtendrá información cada vez que se navegue en la aplicación
    router.events.subscribe(e => {
      // obtener la url navegada con la propiedad url del router
      
      // los eventos de navegación son varios así que se filtra solo uno
      if(e instanceof NavigationStart){
         this.registrar(this.router.url);
      }
     
    });
  }

  private registrar(url : string){
   
    console.log(url);

  }

  private getUsuarioLogueado(){

    return 'usuario 1';

  }

}

En el app.component agregar una instancia del servicio en el constructor:

export class AppComponent  {
  

  constructor(private registrar: RegistrarService){
    
  }
}

Con ese par de cambios la aplicación puede capturar cada url en la que se está navegando.

se añadieron 144 caracteres en el cuerpo
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

Una solución sencilla puede ser crearCrear un servicio y agregarlo en cada componente de la aplicación. Cuando el componente se inicieque se llamaconecte al serviciorouter de Angular para registrar el ingresoobtener información de los eventos de navegación:

exportimport class{ AppComponentInjectable } from {'@angular/core';
    import {NavigationStart,Router } from '@angular/router';
     
  constructor(private registro: RegistrarVisitaService@Injectable()
    export class RegistrarService {
     
      // cuandoinsertar una instancia del router en el usuarioservicio
 ingrese al componente   constructor(router: Router) { 
    
        // registrarsuscribirse ela acceso
los eventos de navegación
       registro.registrar('Modulo /NombreDelComponente');
/ así se obtendrá información cada vez }
que se navegue en la aplicación
    }

El servicio podría contener un método público registrar() que recibe el nombre del componente y se encarga de hacer la petición al backend para guardar ese acceso y un método privado obtenerUsuario() que tendrá la lógica para retornar el usuario logueado:

@Injectable()
export class RegistrarVisitaService  router.events.subscribe(e => {
    
  constructor(private http: HttpClient) { }    // filtrar el evento NavigationStart ya que dentro de este
          // se puede recuperar la ruta navegada
  registrar        if(componentee :instanceof stringNavigationStart ){
 
    this.http.post('url para enviar los datos',
    {
   // pasar la ruta a componentela :función componente,registrar
        usuario:      this.obtenerUsuarioregistrar(e.url);
    
          }
         
        }).subscribe(r;
 =>     }
    
      private registrar(url: string){
       
    }    console.log(url);
    
      }
    
      private obtenerUsuariogetUsuarioLogueado(){
    
   // obtener el usuario logueado return 'usuario 1';
    
   return 'usuarioFalso';  }
    
    }

En el app.component agregar una instancia del servicio en el constructor:

export class AppComponent  {
  

  constructor(private registrar: RegistrarService){
    
  }
}

introducir la descripción de la imagen aquí Con ese par de cambios la aplicación puede capturar cada url en la que se está navegando.

Una solución sencilla puede ser crear un servicio y agregarlo en cada componente de la aplicación. Cuando el componente se inicie se llama al servicio para registrar el ingreso:

export class AppComponent  {
    
      constructor(private registro: RegistrarVisitaService){
          // cuando el usuario ingrese al componente 
          // registrar el acceso
          registro.registrar('Modulo/NombreDelComponente');
      }
    
    }

El servicio podría contener un método público registrar() que recibe el nombre del componente y se encarga de hacer la petición al backend para guardar ese acceso y un método privado obtenerUsuario() que tendrá la lógica para retornar el usuario logueado:

@Injectable()
export class RegistrarVisitaService {

  constructor(private http: HttpClient) { }

  registrar(componente : string){
 
    this.http.post('url para enviar los datos',
    {
        componente : componente,
        usuario: this.obtenerUsuario()

    }).subscribe(r => {

    });

  }

  private obtenerUsuario(){

   // obtener el usuario logueado

   return 'usuarioFalso';

  }

}

introducir la descripción de la imagen aquí

Crear un servicio que se conecte al router de Angular para obtener información de los eventos de navegación:

import { Injectable } from '@angular/core';
    import {NavigationStart,Router } from '@angular/router';
     
    @Injectable()
    export class RegistrarService {
     
      // insertar una instancia del router en el servicio
      constructor(router: Router) { 
    
        // suscribirse a los eventos de navegación
        // así se obtendrá información cada vez que se navegue en la aplicación
        router.events.subscribe(e => {
    
          // filtrar el evento NavigationStart ya que dentro de este
          // se puede recuperar la ruta navegada
          if(e instanceof NavigationStart ){
              // pasar la ruta a la función registrar
              this.registrar(e.url);
    
          }
         
        });
      }
    
      private registrar(url: string){
       
        console.log(url);
    
      }
    
      private getUsuarioLogueado(){
    
        return 'usuario 1';
    
      }
    
    }

En el app.component agregar una instancia del servicio en el constructor:

export class AppComponent  {
  

  constructor(private registrar: RegistrarService){
    
  }
}

Con ese par de cambios la aplicación puede capturar cada url en la que se está navegando.

Se cambio la descripción de la pregunta a la respuesta de @Lobos
Origen Enlace

Una solución sencilla puede ser crear un servicio y agregarlo en cada componente de la aplicación. Cuando el componente se inicie se llama al servicio para registrar el ingreso:

export class AppComponent  {
    
      constructor(private registro: RegistrarVisitaService){
          // cuando el usuario ingrese al componente 
          // registrar el acceso
          registro.registrar('Modulo/NombreDelComponente');
      }
    
    }

El servicio podría contener un método público registrar() que recibe el nombre del componente y se encarga de hacer la petición al backend para guardar ese acceso y un método privado obtenerUsuario() que tendrá la lógica para retornar el usuario logueado:

@Injectable()
export class RegistrarVisitaService {

  constructor(private http: HttpClient) { }

  registrar(componente : string){

    this.http.post('url para enviar los datos',
    {
        componente : componente,
        usuario: this.obtenerUsuario()

    }).subscribe(r => {

    });

  }

  private obtenerUsuario(){

   // obtener el usuario logueado

   return 'usuarioFalso';

  }

}

introducir la descripción de la imagen aquí

Una solución sencilla puede ser crear un servicio y agregarlo en cada componente de la aplicación. Cuando el componente se inicie se llama al servicio para registrar el ingreso:

export class AppComponent  {
    
      constructor(private registro: RegistrarVisitaService){
          // cuando el usuario ingrese al componente 
          // registrar el acceso
          registro.registrar('Modulo/NombreDelComponente');
      }
    
    }

El servicio podría contener un método público registrar() que recibe el nombre del componente y se encarga de hacer la petición al backend para guardar ese acceso y un método privado obtenerUsuario() que tendrá la lógica para retornar el usuario logueado:

@Injectable()
export class RegistrarVisitaService {

  constructor(private http: HttpClient) { }

  registrar(componente : string){

    this.http.post('url para enviar los datos',
    {
        componente : componente,
        usuario: this.obtenerUsuario()

    }).subscribe(r => {

    });

  }

  private obtenerUsuario(){

   // obtener el usuario logueado

   return 'usuarioFalso';

  }

}

Una solución sencilla puede ser crear un servicio y agregarlo en cada componente de la aplicación. Cuando el componente se inicie se llama al servicio para registrar el ingreso:

export class AppComponent  {
    
      constructor(private registro: RegistrarVisitaService){
          // cuando el usuario ingrese al componente 
          // registrar el acceso
          registro.registrar('Modulo/NombreDelComponente');
      }
    
    }

El servicio podría contener un método público registrar() que recibe el nombre del componente y se encarga de hacer la petición al backend para guardar ese acceso y un método privado obtenerUsuario() que tendrá la lógica para retornar el usuario logueado:

@Injectable()
export class RegistrarVisitaService {

  constructor(private http: HttpClient) { }

  registrar(componente : string){

    this.http.post('url para enviar los datos',
    {
        componente : componente,
        usuario: this.obtenerUsuario()

    }).subscribe(r => {

    });

  }

  private obtenerUsuario(){

   // obtener el usuario logueado

   return 'usuarioFalso';

  }

}

introducir la descripción de la imagen aquí

se añadieron 7 caracteres en el cuerpo
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31
Loading
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31
Loading