Cómo construir su propio Operational Dashboard

Para comenzar a construir su propio IPF Operational Dashboard, necesita una aplicación Angular que coincida con las versiones de nuestra biblioteca. Le recomendamos encarecidamente el uso de NX con su panel de control.

Instale NodeJS

Descargue Node.js 20 aquí: nodejs.org/

Instalando NX y creando su aplicación Angular

Instale la CLI utilizando el gestor de paquetes npm:

npm install -g @angular/cli

Cree el espacio de trabajo Nx (con las versiones especificadas)

Ejecutar npx create-nx-workspace@20 my-workspace

Cuando se le solicite:

Indicación Selección

Tipo de espacio de trabajo

Monorepo Integrado

Qué crear

Angular

¿Habilitar el enrutamiento?

Sí

Estilos

SCSS (recomendado)

Instale las dependencias

Sí

Usando create-nx-workspace@20 asegura que obtenga Nx 20, que a su vez instala Angular 19 de forma predeterminada.

Docs:https://nx.dev/getting-started/angular

(Opcional) Confirme que Angular 19 está instalado

Si desea verificar:`npm list @angular/core`

Debería ver algo como:`@angular/core@19.x.x`

Genere Su Aplicación de Tablero

nx g @nx/angular:application my-app

Docs:https://nx.dev/packages/angular/generators

Actualice su.npmrc

Abra su archivo.npmrc y asegúrese de tener las líneas adicionales a continuación con el token de autenticación relevante proporcionado.

@iconsolutions:registry=https://nexus.ipf.iconsolutions.com/repository/ipf-npm/
//nexus.ipf.iconsolutions.com/repository/:_authToken={AuthToken}
//nexus.ipf.iconsolutions.com/repository/ipf-npm/:_authToken={AuthToken}

Personalizando su aplicación

Añadiendo módulos

Para instalar cualquiera de los módulos de @iconsolutions, usted necesita ejecutar npm install @iconsolutions/{module-name}. Por ejemplo, para instalar el ODS módulo, ejecutar: npm install @iconsolutions/common

Aquí tiene una lista de módulos disponibles:

Añadiendo configuraciones

Para cada módulo, puede que necesite añadir configuraciones específicas en su servicio. Para instrucciones sobre cómo configurar cada módulo, consulte Servicio de GUI de Ops página.