Início Rápido – Usar o Azure Pipelines para compilar e publicar um aplicativo Node.js

1 – Bifurcar o código de exemplo

Crie fork do aplicativo servidor Express.js de exemplo a seguir no GitHub.

https://github.com/Azure-Samples/js-e2e-express-server

2 – Criar seu pipeline

1. Entre no Azure Pipelines. Seu navegador acessará https://dev.azure.com/my-organization-name e exibirá o dashboard do Azure DevOps.

2. Acesse seu projeto e selecione Pipelines>Criar um novo pipeline.

3. Selecione GitHub como o local do código-fonte.

4. Se você for redirecionado ao GitHub para entrar, insira suas credenciais do GitHub.

5. Quando a lista de repositórios é exibida, selecione o repositório de amostra do Node.js.

6. O Azure Pipelines analisa o código em seu repositório e recomenda o modelo para o pipeline Node.js. Selecione esse modelo.

7. O Azure Pipelines gera um arquivo YAML para o seu pipeline. Selecione Salvar e executar>Confirmar diretamente na ramificação principal e escolha Salvar e executar novamente.

8. Uma nova execução é iniciada. Aguarde a conclusão da execução.

Ao terminar, você terá um arquivo YAML azure-pipelines.yml no seu repositório pronto para personalizar.

1. Crie um pipeline e selecione o modelo do YAML.

2. Defina o pool de agentes e o caminho do arquivo YAML para seu pipeline.

3. Salve o pipeline e enfileire uma compilação. Quando a mensagem Build #nnnnnnnn.n foi colocado na fila for exibida, selecione o link de número para ver o pipeline em ação.

3 – Compile seu pacote e publique um artefato

1. Edite o arquivo azure-pipelines.yml.

2. Atualize a tarefa Node.js Tool Installer para usar Node.js versão 16 LTS.

   trigger:
   - main
   
   pool:
     vmImage: 'ubuntu-latest'
   
   steps:
   - task: UseNode@1
     inputs:
       version: '16.x'
     displayName: 'Install Node.js'
   
   - script: |
       npm install
     displayName: 'npm install'
   
   - script: |
       npm run build
     displayName: 'npm build'
   

3. Adicione novas tarefas ao pipeline para copiar seu pacote npm, package.json, e publicar seu artefato. A tarefa Copy Files copia arquivos do caminho local no agente em que os arquivos de código-fonte são baixados e os salva em um caminho local no agente em que todos os artefatos são copiados antes do push no destino. Somente as pastas src e public recebem cópias. A tarefa Publish Pipeline Artifact baixa os arquivos das tarefas Copy Files anteriores e os disponibiliza como artefatos de pipeline que serão publicados com o build do pipeline.

   - task: CopyFiles@2
     inputs:
       sourceFolder: '$(Build.SourcesDirectory)'
       contents: |
          src/*
          public/*
       targetFolder: '$(Build.ArtifactStagingDirectory)'
     displayName: 'Copy project files'
   
   - task: PublishPipelineArtifact@1
     inputs:
       artifactName: e2e-server
       targetPath: '$(Build.ArtifactStagingDirectory)'
       publishLocation: 'pipeline'
     displayName: 'Publish npm artifact'
   

4 – Executar o pipeline

Salve e execute o pipeline. Depois que o pipeline for executado, verifique se o trabalho foi executado com êxito e se você vê um artefato publicado.