Главная страница>Учебник по веб-дизайну>Учебник по Javascript

Давайте поговорим о том, как использовать Angular+Jenkins для отображения версий сборки.

Автор：Eve Cole Время обновления：2022-08-22 11:31:52
Эта статья поможет вам продолжить изучение Angular и научиться использовать Jenkins в сочетании с Angular для отображения встроенной версии. Надеюсь, она будет вам полезна!

В конце статьи об Angular в сочетании с обработкой версий Git Commit у нас остались вопросы? ️ Теперь давайте конкретизируем проблему

и объединим ее со сборкой Jenkins. Можем ли мы получить информацию о сборке, например номер сборки, и заполнить ее. на страницу? [Рекомендуемые связанные учебные пособия: «Учебное пособие по Angular»]

следующим образом:

1.png

Уха, давайте изменим его на основе оригинала.

Добавьте файл build_info.json в корневой каталог.

{ }

Вы правильно прочитали, содержимое build_info.json равно {}

Файл build_info.json генерируется при сборке Jenkinsfile .

Конкретные идеи реализации заключаются в следующем:

В процессе сборки выполните Jenkinsfile для создания файла build_info.json. При

упаковке

  • Jenkinsfile build_info.json

  • , нужно ли получать содержимое файла build_info.json для различных сред.

среда здесь рассматривает только производственную среду

. Шаги — это два простых шага, самый важный момент — как записать содержимое файла build_info.json .

Если вы не знакомы с контентом, связанным с Jenkinsfile , прочитайте статью об автоматическом создании проектов Node с использованием Jenkins Pipeline и Gitlab. На данный момент ваше внимание сосредоточено на содержимом статьи Jenkinsfile , а именно:

конвейер {
    агент любой
    
    инструменты { 
        узел "узл" 
    }
    
    {этапов
        стадия('Зависимость') {
            {шаги
                sh 'npm установить'
            }
        }
        # Мы добавили сюда сцену, см. ниже?
        стадия('Сборка') { 
            {шаги
                sh 'npm работает чисто' 
                sh 'npm запустить сборку' 
            }
        }
    }
}

Мы добавили stage для завершения написания файла build_info.json .

этап('Версия') {
  {шаги
    сценарий {
      защита амап = 
        'build_number': BUILD_NUMBER, # Номер сборки 'job_name': JOB_NAME # Имя задачи]
      
      # Запись файла writeJSON file: WORKSPACE+'build_info.json', json: amap # Корневой каталог WORKSPACE}
  }
}

Да, идея хороша... Верно?

Давайте перейдем ко второму шагу: читаем содержимое build_info.json , я перехватываю содержимое части производственной среды version.js :

// Представляем сгенерированный файл build_info.json. let buildInfo = require('./build_info.json');

if(config.env === 'производство') { 
    // Получаем номер версии сборки, иначе получаем версию по умолчанию versionObj.version = buildInfo.build_number || config.version 
}

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

Эта статья не очень связана с angular , она просто используется для взаимодействия с jenkins . Следующая статья посвящена использованию Angular для разработки spa , так что следите за обновлениями.

Эта статья воспроизведена по адресу: https://juejin.cn/post/7081642981890981895

Автор: Джимми
Связанные статьи