Использование пакетов с сайта npmjs.com

  • Статья

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

Клиент npm предназначен для работы с одним основным реестром (известным как веб-канал в Azure Artifacts) одновременно. Однако она поддерживает дополнительные область реестры. Если вы планируете использовать как частные пакеты, так и общедоступные пакеты из npmjs.com, рекомендуется использовать вышестоящий источники. После включения вышестоящий источников в веб-канале Azure Artifacts автоматически сохраняет копию любого установленного пакета в веб-канале. Это обеспечивает большую гибкость, позволяя использовать сочетание область и не область пакетов в веб-канале, включая как область, так и не область пакеты из npmjs.com.

Необходимые компоненты

  • Организация Azure DevOps и проект. Создайте организацию и проект, если вы еще не сделали этого.

  • Веб-канал артефактов Azure.

  • Скачайте Node.js и npm.

Включение источников вышестоящий

Если вы еще не создали веб-канал, выполните следующие действия, чтобы создать новый и убедиться, что проверка источники вышестоящий проверка box, чтобы включить их. Если у вас уже есть веб-канал, перейдите к следующему шагу, чтобы добавить npmjs в качестве источника вышестоящий.

  1. Войдите в организацию Azure DevOps и перейдите к проекту.

  2. Выберите артефакты и нажмите кнопку "Создать веб-канал".

  3. Укажите описательное имя веб-канала, задайте его видимость и область. Проверьте источники upstream проверка box, чтобы включить пакеты из общедоступных реестров.

  4. После завершения работы выберите Создать.

Добавление вышестоящий npmjs

Если вы проверка вышестоящий проверка источников проверка box во время создания веб-канала, npmjs должны быть добавлены автоматически. Если нет, его можно добавить вручную следующим образом:

  1. Войдите в организацию Azure DevOps и перейдите к проекту.

  2. Выберите артефакты и выберите веб-канал.

  3. Нажмите кнопку Значок шестеренки шестеренки, чтобы перейти к параметрам канала.

  4. Выберите источники вышестоящего потока и нажмите кнопку "Добавить вверх".

  5. Выберите общедоступный источник и выберите npmjs (https://registry.npmjs.org/) в раскрывающемся меню.

  6. Нажмите кнопку "Сохранить " после завершения и нажмите кнопку "Сохранить " в правом верхнем углу, чтобы сохранить изменения.

Установка пакетов из npmjs

Прежде чем сохранять пакеты из npmjs, убедитесь, что проект настроен для подключения к веб-каналу. Если вы еще этого не сделали, следуйте инструкциям в настройке проекта, чтобы настроить проект npm и подключиться к веб-каналу. В этом примере мы установим библиотеку Axios для выполнения HTTP-запросов:

  1. Перейдите к npmjs по адресу https://www.npmjs.com//.

  2. Найдите пакет Axios и выберите его, чтобы перейти на страницу сведений.

  3. Скопируйте команду установки в буфер обмена.

  4. В окне командной строки перейдите в каталог проекта и выполните команду установки.

    npm install axios

Примечание.

Чтобы сохранить пакеты из вышестоящий, необходимо иметь роль веб-канала и средства чтения выше или выше. Дополнительные сведения см. в разделе Разрешения.

Просмотр сохраненных пакетов

  1. Войдите в организацию Azure DevOps и перейдите к проекту.

  2. Выберите артефакты и выберите веб-канал в раскрывающемся меню.

  3. Выберите npmjs из исходного меню. Пакет Axios , установленный ранее, теперь доступен в нашем веб-канале. Артефакты Azure автоматически сохраняют копию в нашем веб-канале при выполнении команды установки.

    Снимок экрана: пакет axios, сохраненный из вышестоящий.