Wiki

Has cargado una revisión vieja del documento! Si la guardas crearás una versión nueva con estos datos.

1: Crear la Librería en Angular
Instalar Angular CLI si no lo tienes:

<code>
npm install -g @angular/cli
</code>

Crear el Workspace y la Librería: (Opcional puedes crear la libreria en cualquier parte sin vincularla al workspace)

<code>
ng new my-workspace --create-application=false
cd my-workspace
ng generate library my-library
</code>

Agregar Código a la Librería:

Modifica los archivos en projects/my-library/src/public-api.ts para exportar tu funcionalidad. Por ejemplo, puedes agregar un servicio:

<code>
// projects/my-library/src/lib/my-library.service.ts
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class MyLibraryService {
  constructor() { }

public sayHello(): string {
    return 'Hello from MyLibraryService!';
  }
}

// projects/my-library/src/public-api.ts
export * from './lib/my-library.service';

</code>

Para construir la Librería:
<code>
ng build my-library
</code>

2. Configurar Nexus.

- Ve a la pestaña de "Repository" en la configuración.
  - Haz clic en "Create repository" y selecciona "npm (hosted)".
  - Configura el repositorio con un nombre, como npm-hosted, y ajusta las demás configuraciones según tus necesidades.
  - Guarda los cambios.

3. Preparar Librería para Publicar en Nexus

Para publicar librería es necesario configurar Nexus local con credenciales, entonces en una consola dentro del proyecto.

<code>

npm login --registry=http://10.1.40.130:8081/repository/npm-hosted/

Ingresa usuario y contraseña de Nexus

En el archivo C:\Users\{usuario}\.npmrc  se genera la credencial como el siguiente ejemplo;

//10.1.40.130:8081/repository/npm-hosted/:_authToken=NpmToken.963f3fcd-2bb5-3570-aa39-acb05c1fe44f

</code>

Asegurate de agregar al archivo .npmrc de la librería la ruta y las credenciales.

<code>
@mflibs:registry=http://10.1.40.130:8081/repository/npm-hosted/
//10.1.40.130:8081/repository/npm-hosted/:_authToken=NpmToken.963f3fcd-2bb5-3570-aa39-acb05c1fe44f
</code>

Aegurate de agregar el publishConfig en el package.json

<code>
  "publishConfig": {
  "@mflibs:registry": "http://10.1.40.130:8081/repository/npm-hosted/"
  }    
</code>

4. Publicar la Librería:

Primero, asegúrate de estar en el directorio del workspace (donde está el archivo `package.json` principal) y luego publica la librería:

<code>
cd dist/my-library

npm publish     ó    npm publish --registry=http://10.1.40.130:8081/repository/npm-hosted/
</code>

{{:ada:howto:sicoferp:factory:new-migracion-sicoferp:front:exito_publicanco.png?600|}}

Paso 5: Instalar la Librería usando npm link (Para probar local)
Crear un enlace simbólico global:

<code>
cd dist/my-library
npm link
</code>

Enlazar la Librería en tu Proyecto Angular:

En el directorio de tu proyecto Angular:

<code>
npm link my-library
</code>

6: Importar la Librería desde Nexus;

En el directorio de tu proyecto principal de angular Angular, debe crear .npmrc y agregar las credenciales;

<code>
@mflibs:registry=http://10.1.40.130:8081/repository/npm-hosted/
//10.1.40.130:8081/repository/npm-hosted/:_authToken=NpmToken.963f3fcd-2bb5-3570-aa39-acb05c1fe44f
</code>

En el directorio de tu proyecto principal de Angular, ejecutar en la consola;

<code>
npm install @mflibs/encryption-lib@1.0.15 --registry=http://10.1.40.130:8081/repository/npm-hosted/
</code>

**Nota**: Con la librería ya agregada al package.json y el archivo .npmrc con las credenciales, no es necesario volver a instalar en el proyecto, solo es para la primera construcción.

**Consideraciones Finales**

Asegúrate de tener correctamente configurado tu archivo .npmrc y de utilizar el token de acceso adecuado para autenticarte en el registro de Nexus. Además, asegúrate de que la URL del registro sea accesible desde tu red.

Si sigues estos pasos, deberías poder crear, publicar, y consumir tu librería Angular de manera efectiva utilizando tanto npm link como el registro privado de Nexus.

Resumen de la edición

Wiki

Herramientas de usuario

Herramientas del sitio

Herramientas de la página