Я сделал это! Я смог сделать это ранее на этой неделе, но я не смог написать об этом до сих пор. Я оказался с использованием некоторой информации из этого поста ( https://dev.to/thisdotmedia/condinurebureburedluylistegratchation-angular-with-azure-devops-2k9l ) И я смешал в угловой CLI развертывающую Pages Addin ( https://www.npmjs.com/package/angular-cli-gencages ).
Теперь, когда я нажимаю в Master в моем DEVOPS Git Reppo, устроен, управляет постройку, пересекает его, тестируйте его, опубликуйте тесты и, если все успешно, подтолкнись к моим страницам GitHub.
Вот как я добрался до того, где я нахожусь: 1) Загрузите вновь созданное угловое приложение для DEVOPS GIT REPO. 2) Создайте филиал для работы трубопровода 3) В этой ветке в DevOps перейдите в трубопроводы и добавьте следующий файл YAML:
# Node.js with Angular
# Build a Node.js project that uses Angular.
# Add steps that analyze code, save build artifacts, deploy, and more:
# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript
variables:
buildConfiguration: 'Release'
trigger:
- master
pool:
vmImage: 'ubuntu-latest'
steps:
- task: NodeTool@0
inputs:
versionSpec: '10.x'
displayName: 'Setup Environment'
- script: |
npm install -g @angular/cli
npm install
displayName: 'npm install'
- script: ng lint
displayName: 'Code Analysis'
- script: ng test --watch=false --codeCoverage=true
displayName: 'Tests'
- task: PublishTestResults@2
condition: succeededOrFailed()
inputs:
testResultsFormat: 'JUnit'
testResultsFiles: '**/TESTS-*.xml'
displayName: "Publish Test Results"
- task: PublishCodeCoverageResults@1
condition: succeededOrFailed()
inputs:
codeCoverageTool: 'Cobertura'
summaryFileLocation: '$(Build.SourceDirectory)/coverage/$(Angular_Project_Name)/cobertura-coverage.xml'
displayName: 'Publish Code Coverage Results'
- script: ng deploy --repo=https://$(Github_Username):$(GITHUB_TOKEN)@github.com/$(Github_Username)/$(Github_Repo_Location)
condition: succeeded()
displayName: 'Build Production and Deploy to github.io'
- task: PublishBuildArtifacts@1
inputs:
PathtoPublish: 'dist/$(Angular_Project_Name)'
ArtifactName: 'web-app'
publishLocation: 'Container'
displayName: 'Publish Artifacts'
Мне очень нравится, что DevOps позволяет мне хранить безопасные переменные!
Мне действительно не нужно было публиковать артефакты в конце, но я подумал, что попробую. У меня есть один жук в настоящее время, в настоящее время отвисские результаты публикации не могут найти выходной файл для публикации на данный момент, поэтому, вероятно, что-то не так с моим путей.
Однажды я могу закончить воздействию ребята, это на веселье: сделать работу сайта!
Оригинал: «https://dev.to/uofirob/cicd-working-3bf3»