Herramientas de usuario

Herramientas del sitio


ada:howto:sicoferp:factory:new-migracion-sicoferp:front:libs

Diferencias

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

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
Próxima revisión
Revisión previa
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:libs [2024/07/31 21:59]
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+1: Crear la Librería en Angular
 Instalar Angular CLI si no lo tienes: Instalar Angular CLI si no lo tienes:
  
Línea 16: Línea 16:
 </​code>​ </​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: Modifica los archivos en projects/​my-library/​src/​public-api.ts para exportar tu funcionalidad. Por ejemplo, puedes agregar un servicio:
Línea 38: Línea 38:
 export * from '​./​lib/​my-library.service';​ export * from '​./​lib/​my-library.service';​
  
- +NotaLibrería ejemplo
-Construir la Librería:+
  
 </​code>​ </​code>​
 +
 +Para construir la Librería:
 +<​code>​
 ng build my-library ng build my-library
 </​code>​ </​code>​
Línea 75: Línea 77:
 @mflibs:​registry=http://​10.1.40.130:​8081/​repository/​npm-hosted/​ @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 //​10.1.40.130:​8081/​repository/​npm-hosted/:​_authToken=NpmToken.963f3fcd-2bb5-3570-aa39-acb05c1fe44f
-<​code>​+</code>
  
  
Línea 88: Línea 90:
  
  
-4. **Publicar la Librería**:+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: Primero, asegúrate de estar en el directorio del workspace (donde está el archivo `package.json` principal) y luego publica la librería:
Línea 118: Línea 120:
  
  
-Paso 4: Importar la Librería desde Nexus +6: Importar la Librería desde Nexus;
-Instalar la Librería desde el Registro de Nexus:+
  
 En el directorio de tu proyecto principal de angular Angular, debe crear .npmrc y agregar las credenciales;​ En el directorio de tu proyecto principal de angular Angular, debe crear .npmrc y agregar las credenciales;​
Línea 137: Línea 138:
  
 **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. ​ **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. ​
 +
 +**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
 +
  
  
Línea 144: Línea 157:
  
 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. 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]]
 +
ada/howto/sicoferp/factory/new-migracion-sicoferp/front/libs.1722463146.txt.gz · Última modificación: 2024/07/31 21:59 por 192.168.175.41