Compilare e pubblicare un pacchetto Node.js

1. Nel progetto Azure DevOps, selezionare Pipelines>Crea Pipeline e quindi selezionare GitHub come percorso del codice sorgente.
2. Nella schermata Selezionare un repository, selezionare il repository di esempio creato tramite fork.
3. Nella schermata Configura la pipeline, selezionare Pipeline di base. Azure Pipelines genera un file YAML denominato azure-pipelines.yml per la pipeline.
4. Selezionare la freccia a discesa accanto a Salva ed esegui, selezionare Salva e quindi selezionare nuovamente Salva. Il file viene salvato nel tuo repository GitHub forkato.
5. Nella schermata successiva selezionare Modifica.

Compilare il pacchetto e pubblicare un artefatto

Modificare il file azure-pipelines.yml come indicato di seguito.

1. Sostituire il contenuto del file con il codice seguente. Il codice aggiorna l'attività dello strumento di installazione Node.js per utilizzare la versione 16 LTS di Node.js.

   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'
   
   - script: 
       npm test
     displayname: 'npm test'
   
   

2. Aggiungere le nuove attività seguenti alla pipeline:

   • L'attività copia file copia i file dalle cartelle src e public nella directory di staging dell'artefatto di compilazione.

   • L'attività pubblica artefatti della pipeline ottiene i file dalla posizione di staging dell'artefatto e li pubblica come artefatti da generare con le build della 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'
   

Esegui la tua pipeline

Selezionare Convalida e salva, quindi Salva, selezionare Esegui e selezionare nuovamente Esegui.

Dopo l'esecuzione della pipeline, verificare che il processo sia stato eseguito correttamente e che venga visualizzato un artefatto pubblicato.

1. Selezionare GitHub come origine per il codice.

2. In Repository selezionare il repository con fork e selezionare Continua.

3. Selezionare Pipeline vuota e selezionare Applica.

4. Sotto Specifica agente nel riquadro destro, selezionare ubuntu-latest.

5. Nel riquadro sinistro, aggiungere le seguenti attività alla pipeline seguendo quest'ordine. Per ogni attività, selezionare + nel Agent job 1, selezionare l'attività a destra, selezionare Aggiungi e configurare l'attività, se necessario.

   1. npm

   2. npm

      • Nome visualizzato:npm test
      • Comando:personalizzato
      • Comandi e argomenti:test

   3. Pubblicare i risultati dei test

   4. File di archivio

      • Cartella radice o file da archiviare:$(System.DefaultWorkingDirectory)
      • Anteponi il nome della cartella radice ai percorsi di archiviazione: Deseleziona

   5. Pubblicare gli artefatti di compilazione

6. Selezionare Salva e metti in coda e quindi selezionare Salva ed esegui.

   Screenshot della pipeline classica.