Как публиковать и использовать пакеты NPM с VSTS

В моей предыдущей статье я объяснил, как можно автоматизировать развертывание внутренних пакетов Nuget с помощью VSTS и как их использовать. Сегодня я собираюсь показать вам, как можно использовать очень похожую установку для создания, развертывания и использования пакета NPM в VSTS.

Мы создадим простой пакет, который позволит нам проверять вызовы наших функций. На самом деле он просто распечатает его на консоли; Возможно, это не практический пример, но для этой статьи его хватит.

Предварительные требования:

  • Установите Node.js и NPM
  • Некоторый опыт работы с пакетами Node.js и NPM
  • Вам понадобится код Visual Studio
  • Аккаунт VSTS (зарегистрируйтесь на visualstudio.com)
  • Убедитесь, что на VSTS установлено Расширение диспетчера пакетов.

Наш пакет NPM

Откройте VS Code и давайте создадим наш проект as_audit_trail

запустите команду

npm init -y

Флаг -y означает, что он создаст для нас package.json и частично заполнит его, чтобы помочь нам начать работу.

Хорошо, я экспортировал простую функцию под названием audit, которая просто распечатывает ввод.

Хорошо, давайте посмотрим на наш package.json

Я настроил некоторую информацию по умолчанию, генерируемую флагом -y.

Подключение нашего канала

Перейдите в свою учетную запись VSTS, и давайте создадим наш канал.

У вас должно быть уже установлено расширение пакета в вашей клиентской среде VSTS. Теперь перейдите в Сборки и выпуски - Пакеты.

Создадим новый фид:

Я оставил значения по умолчанию, как они здесь.

Теперь подключаемся к нашей ленте…

Как видите, VSTS уже дает нам инструкции о том, как настроить нашу среду разработки с нашим фидом.

Давайте запустим следующую команду, чтобы добавить канал в наш .npmrc файл

Давайте перейдем в вашу домашнюю папку (где мы найдем наш файл .npmrc)

cd ~

запустить

code .\.npmrc

добавьте следующий (скопируйте из своей ленты) файл и сохраните

registry=https://[your_account].pkgs.visualstudio.com/_packaging/internal-repo/npm/registry/
always-auth=true

сейчас звони

npm install -g vsts-npm-auth --registry https://registry.npmjs.com --always-auth false

и наконец

vsts-npm-auth -config .npmrc

вам должно быть представлено окно для аутентификации.

Примечание. Как команда, вам всем придется пройти через аналогичную настройку, чтобы убедиться, что вы подключены к каналу.

Теперь у вас есть настройка фида. Давайте опубликуем наш пакет NPM вручную; запустить

npm publish

После его успешной публикации перейдите к своей ленте, и вы должны увидеть его там.

Теперь вы можете поделиться своими пакетами NPM со своей командой разработчиков!

Использование нашего пакета NPM

Давай проверим. Создайте новый проект. Назовите это audit_test

давайте инициализируем наш проект узла

npm init -y

теперь давайте добавим нашу зависимость

npm install as_audit_trail --save

давайте добавим наш тестовый файл index.js

мы извлекаем нашу функцию аудита и вызываем ее

Теперь давайте проверим это; запустить

node index.js

Вы получите следующий результат

Удачного кодирования!