Diferencias

Muestra las diferencias entre dos versiones de la página.

--- ada:howto:sicoferp:factory:new-migracion-sicoferp:front:libs [2024/07/29 19:15]
192.168.175.41
+++ ada:howto:sicoferp:factory:new-migracion-sicoferp:front:libs [2024/08/06 14:23] (actual)
192.168.175.41
@@ Línea 1: / Línea 1: @@
-Paso 1: Crear la Librería en Angular
+: Crear la Librería en Angular
 Instalar Angular CLI si no lo tienes:
@@ Línea 7: / Línea 7: @@
-Crear el Workspace y la Librería:
+Crear el Workspace y la Librería: (Opcional puedes crear la libreria en cualquier parte sin vincularla al workspace)
@@ Línea 16: / Línea 16: @@
 </code>
-Agregar Código a la Librería:
+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:
-typescript
+<code>
-Copy code
 // projects/my-library/src/lib/my-library.service.ts
 import { Injectable } from '@angular/core';
@@ Línea 38: / Línea 37: @@
 // projects/my-library/src/public-api.ts
 export * from './lib/my-library.service';
-Construir la Librería:
-sh
+Nota: Librería ejemplo
-Copy code
+</code>
+Para construir la Librería:
+<code>
 ng build my-library
-Paso 2: Publicar la Librería en GitLab
+</code>
-Configurar el Registro de GitLab en .npmrc:
-Crea o modifica el archivo .npmrc en tu directorio de usuario (C:\Users\<tu_usuario>\.npmrc en Windows o ~/.npmrc en Linux/Mac):
+. 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.
+. 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>
-ini
-Copy code
+npm login --registry=http://10.1.40.130:8081/repository/npm-hosted/
-@mflibs:registry=http://10.1.140.120/api/v4/projects/133/packages/npm/
-//10.1.140.120/api/v4/projects/133/packages/npm/:_authToken=<your-token
+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>
-. **Publicar la Librería**:
+Aegurate de agregar el publishConfig en el package.json
+<code>
+  "publishConfig": {
+  "@mflibs:registry": "http://10.1.40.130:8081/repository/npm-hosted/"
+  }
+</code>
+. 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:
-sh
+<code>
 cd dist/my-library
-npm publish --registry http://10.1.140.120/api/v4/projects/133/packages/npm/
-Paso 3: Instalar la Librería usando npm link
+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>
-sh
-Copy code
 cd dist/my-library
 npm link
@@ Línea 84: / Línea 120: @@
-Paso 4: Importar la Librería desde GitLab
+: Importar la Librería desde Nexus;
-Instalar la Librería desde el Registro de GitLab:
-En el directorio de tu proyecto Angular, ejecuta:
+En el directorio de tu proyecto principal de angular Angular, debe crear .npmrc y agregar las credenciales;
 <code>
-npm install @mflibs/my-library --registry http://10.1.140.120/api/v4/projects/133/packages/npm/
+@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>
-Paso 5: Descargar la Librería usando curl
-Descargar el Archivo del Paquete:
-Usa curl para descargar el archivo .tgz:
+En el directorio de tu proyecto principal de Angular, ejecutar en la consola;
 <code>
-$ mkdir -p ./mflibs && curl -H "Authorization: Bearer jwPyfnRVxbD2ihgVPByN" http://10.1.140.120/api/v4/projects/133/packages/npm/@mflibs/encryption-lib/-/@mflibs/my-library.tgz -o ./mflibs/encryption-lib.tgz
+npm install @mflibs/encryption-lib@1.0.15 --registry=http://10.1.40.130:8081/repository/npm-hosted/
 </code>
-<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.
-npm install ./my-library.tgz
-</code>
+**El orden adecuado para realizar cambios y publicar sería el siguiente; **
+  - Realizar cambios
+  - git add .
+  - git commit -m 'fix: comentario'
+  - git push  (Aquí se aumenta la versión con la tarea del Hook, si no lo tiene configurado debe aumentar manual en package.json y utilizar git push --no-verify)
+  - npm install
+  - npm run build
+  - cd dist/my-library
+  - npm publish
 **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 GitLab. Además, asegúrate de que la URL del registro sea accesible desde tu red.
+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.
+[[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]]
-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 GitLab.

Wiki

Herramientas de usuario

Herramientas del sitio

Diferencias

Herramientas de la página