Skapa och publicera ett Node.js-paket

Azure DevOps Services | Azure DevOps Server 2022 – Azure DevOps Server 2019

I den här snabbstarten använder du en pipeline för att skapa ett Node.js-paket med Node Upravljač za pakete (npm) och publicera en pipelineartefakt. Du lär dig hur du använder Azure Pipelines för att skapa, distribuera och testa dina JavaScript-appar.

Förutsättningar

• Ett GitHub-konto där du kan skapa en lagringsplats. Skapa ett GitHub-konto kostnadsfritt.
• En Azure DevOps-organisation. Skapa en kostnadsfritt.
• Ett Azure DevOps-projekt. Skapa en med hjälp av guiden Skapa Azure DevOps-projekt.
• Möjligheten att köra pipelines på Microsoft-värdbaserade agenter. Du måste begära kostnadsfri beviljande av parallella jobb eller köpa ett parallellt jobb.

Förgrena exempelkoden

Förgrena exempelappen Express.js server.

1. Gå till lagringsplatsen js-e2e-express-server .
2. Välj Förgrening i det övre högra hörnet på sidan.
3. Välj ditt GitHub-konto. Som standard namnges förgreningen på samma sätt som den överordnade lagringsplatsen, men du kan ge den ett annat namn.

Viktigt!

Under följande procedurer kan du uppmanas att skapa en GitHub-tjänstanslutning eller omdirigeras till GitHub för att logga in, installera Azure Pipelines eller auktorisera Azure Pipelines. Följ anvisningarna på skärmen för att slutföra processen. Mer information finns i Åtkomst till GitHub-lagringsplatser.

Skapa din pipeline

YAML

1. I ditt Azure DevOps-projekt väljer du Pipelines Create Pipeline (Pipelines>Create Pipeline) och sedan GitHub som plats för källkoden.
2. På skärmen Välj en lagringsplats väljer du din förgrenade exempellagringsplats.
3. På skärmen Konfigurera pipeline väljer du Startpipeline. Azure Pipelines genererar en YAML-fil med namnet azure-pipelines.yml för din pipeline.
4. Välj listrutan bredvid Spara och kör, välj Spara och välj sedan Spara igen. Filen sparas på din förgrenade GitHub-lagringsplats.
5. På nästa skärm väljer du Redigera.

Skapa paketet och publicera en artefakt

Redigera din azure-pipelines.yml-fil på följande sätt.

1. Ersätt innehållet i filen med följande kod. Koden uppdaterar installationsuppgiften för Node.js-verktyget så att den använder Node.js version 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'
   

2. Lägg till följande nya uppgifter i pipelinen:

   • Uppgiften kopiera filer kopierar npm-paketet och package.json filer från den lokala nedladdningssökvägen på agenten och sparar dem på en lokal mellanlagringssökväg för artefakter på agenten. Endast src- och gemensamma mappar kopieras.

   • Artefaktuppgiften publicera pipeline hämtar filerna från platsen för artefaktlagring och publicerar dem som artefakter som ska matas ut med pipeline-versioner.

   - 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'
   

Kör din pipeline

Välj Verifiera och spara, välj sedan Spara, välj Kör och välj Kör igen.

När pipelinen har körts kontrollerar du att jobbet har körts och att du ser en publicerad artefakt.

Klassisk

1. Välj GitHub som källa för koden.

2. Under Lagringsplats väljer du din förgrenade lagringsplats och väljer Fortsätt.

3. Välj Tom pipeline och välj Använd.

4. Under Agentspecifikation i den högra rutan väljer du ubuntu-latest.

5. I den vänstra rutan lägger du till följande uppgifter i pipelinen i ordning. För varje uppgift väljer du + i Agentjobb 1, väljer uppgiften till höger och väljer Lägg till och konfigurerar aktiviteten om det behövs.

   1. npm

   2. npm

      • Visningsnamn: npm-test
      • Kommando: anpassad
      • Kommando och argument: test

   3. Publicera testresultat

   4. Arkivera filer

      • Rotmapp eller fil att arkivera: $(System.DefaultWorkingDirectory)
      • Förbered rotmappens namn för arkivsökvägar: Avmarkera

   5. Publicera byggartefakter

6. Välj Spara och kö och välj sedan Spara och kör.

   

Grattis, du har skapat och kört en pipeline som har skapat och testat ett Node.js paket. Du kan skapa, testa och distribuera Node.js appar som en del av ditt SYSTEM för kontinuerlig integrering och kontinuerlig leverans (CI/CD) i Azure Pipelines.

Nästa steg

Konfigurera JavaScript