Uso de paquetes de npmjs.com

  • Artículo

Azure DevOps Services | Azure DevOps Server 2022 | Azure DevOps Server 2019

El cliente npm está diseñado para trabajar con un registro principal (conocido como fuente en Azure Artifacts) a la vez. Sin embargo, admite registros de ámbito adicionales. Si tiene previsto usar paquetes privados y paquetes públicos de npmjs.com, se recomienda usar orígenes ascendentes. Una vez que habilite los orígenes ascendentes en la fuente, Azure Artifacts guarda automáticamente una copia de cualquier paquete instalado en la fuente. Esto ofrece la mayor flexibilidad, lo que le permite usar una combinación de paquetes con ámbito y no de ámbito en la fuente, incluidos los paquetes con ámbito y no con ámbito de npmjs.com.

Requisitos previos

Habilitación de orígenes ascendentes

Si aún no ha creado una fuente, siga estos pasos para crear uno nuevo y asegúrese de activar la casilla orígenes ascendentes para habilitarlas. Si ya tiene una fuente, continúe con el paso siguiente para agregar npmjs como origen ascendente.

  1. Inicie sesión en su organización de Azure DevOps y vaya a su proyecto.

  2. Seleccione Artefactos y, a continuación, Crear feed.

  3. Proporcione un nombre descriptivo para la fuente, establezca su visibilidad y ámbito. Active la casilla Orígenes ascendentes para incluir paquetes de registros públicos.

  4. Seleccione Crear cuando haya terminado.

Adición de npmjs ascendente

Si activa la casilla orígenes ascendentes durante la creación de la fuente, npmjs debe haberse agregado automáticamente. Si no es así, puede agregarlo manualmente de la siguiente manera:

  1. Inicie sesión en su organización de Azure DevOps y vaya a su proyecto.

  2. Seleccione Artefactos y, a continuación, seleccione la fuente.

  3. Seleccione el botón engranaje de icono de engranaje para ir a Configuración de fuente.

  4. Seleccione Orígenes ascendentes y, a continuación, seleccione Agregar ascendente.

  5. Seleccione Origen público y, después , npmjs (https://registry.npmjs.org/) en el menú desplegable.

  6. Seleccione Guardar cuando haya terminado y, a continuación, seleccione Guardar en la esquina superior derecha para guardar los cambios.

Instalación de paquetes desde npmjs

Antes de guardar los paquetes de npmjs, asegúrese de que el proyecto está configurado para conectarse a la fuente. Si aún no lo ha hecho, siga las instrucciones del programa de instalación del proyecto para configurar el proyecto de npm y conectarse a la fuente. En este ejemplo, instalaremos la biblioteca de Axios para realizar solicitudes HTTP:

  1. Vaya a npmjs en https://www.npmjs.com//.

  2. Busque el paquete Axios y selecciónelo para ir a la página de detalles.

  3. Copie el comando install en el Portapapeles.

  4. En una ventana del símbolo del sistema, vaya al directorio del proyecto y ejecute el comando install.

    npm install axios

Nota:

Para guardar paquetes de nivel superior, debe tener el rol Lector de fuente y ascendente (colaborador) o superior. Para más información, consulte Permisos.

Visualización de paquetes guardados

  1. Inicie sesión en su organización de Azure DevOps y vaya a su proyecto.

  2. Seleccione Artefactos y, a continuación, seleccione la fuente en el menú desplegable.

  3. Seleccione npmjs en el menú de origen. El paquete Axios que instalamos anteriormente ya está disponible en nuestra fuente. Azure Artifacts guardó automáticamente una copia en nuestra fuente al ejecutar el comando de instalación.

    Captura de pantalla que muestra el paquete axios que se guardó desde la cadena ascendente.