Skip to main content

AlpuraUserService – Guía de uso

Este documento explica cómo usar el servicio AlpuraUserService de la librería de @alpura/core, el cual recupera los datos del usuario logueado.

📁 Importaciones necesarias​

En tu componente local importa AlpuraUserService usando la librería de @alpura/core.

import { AlpuraUserService } from "@alpura/core";

🧩 Ejemplo de uso | Enfoque donde no se necesita procesar la información​

export class MyComponent {
  private alpuraUser = inject(AlpuraUserService);
  user = this.alpuraUser.user;
}
## 🚀🚀🚀🚀🚀🚀

<pre>{{user() | json}}</pre>

Este servicio nos permite acceder al método user() para recuperar la Información y mostrarla directamente en el HTML.

🧩 Ejemplo de uso | Enfoque donde se necesita procesar la información​

export class MyComponent {
  private alpuraUser = inject(AlpuraUserService);
  userLocal: Record<string, any> | null = null;

  constructor() {
    effect(() => {
      this.userLocal = this.alpuraUser.user() as Record<string, any> | null;
    });
  }

  async ngOnInit() {
    await this.alpuraUser.reload();
  }
}
## 🚀🚀🚀🚀🚀🚀

<h3>Hola {{userLocal?.nombre}}</h3>

Nota: la variable local que almacena la Información del usuario debe ser de tipo Record<string, any> | null = null ya que no tenemos expuesto un modelo, de lo contrario no podrá acceder a las propiedades.

🚀 Resultado esperado​

El servicio nos facilita la obtención de la información del usuario logueado en el Shell para consumirse desde cualquier microfrontend a traves de un signal Angular.

📬 Soporte​

Para dudas o mejoras, puedes contactar al equipo de arquitectura.