Sestavení a publikování balíčku Node.js

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

V tomto rychlém startu pomocí kanálu vytvoříte balíček Node.js s node Správce balíčků (npm) a publikujete artefakt kanálu. Naučíte se používat Azure Pipelines k sestavování, nasazování a testování aplikací v JavaScriptu.

Požadavky

• Účet GitHubu, kde můžete vytvořit úložiště. Vytvořte si bezplatný účet GitHubu.
• Organizace Azure DevOps. Vytvořte si ho zdarma.
• Projekt Azure DevOps. Vytvořte ho pomocí Průvodce vytvořením projektu Azure DevOps.
• Možnost spouštět kanály na agentech hostovaných Microsoftem Potřebujete požádat o bezplatné udělení paralelních úloh nebo nákup paralelní úlohy.

Vytvoření forku vzorového kódu

Rozvětvujte ukázkovou serverovou aplikaci Express.js.

1. Přejděte do úložiště js-e2e-express-server .
2. V pravém horním rohu stránky vyberte Fork .
3. Vyberte svůj účet GitHubu. Ve výchozím nastavení má fork stejný název jako nadřazené úložiště, ale můžete ho pojmenovat jinak.

Důležité

Během následujících postupů se může zobrazit výzva k vytvoření připojení ke službě GitHub nebo přesměrování na GitHub, abyste se mohli přihlásit, nainstalovat Azure Pipelines nebo autorizovat Azure Pipelines. Dokončete proces podle pokynů na obrazovce. Další informace najdete v tématu Přístup k úložištím GitHub.

Vytvoření kanálu

YAML

1. V projektu Azure DevOps vyberte Pipelines>Create Pipeline a pak jako umístění zdrojového kódu vyberte GitHub.
2. Na obrazovce Vybrat úložiště vyberte vaše rozvětvované ukázkové úložiště.
3. Na obrazovce Konfigurace kanálu vyberte Počáteční kanál. Azure Pipelines vygeneruje soubor YAML s názvem azure-pipelines.yml pro váš kanál.
4. Vyberte rozevírací stříšku vedle možnosti Uložit a spustit, vyberte Uložit a pak znovu vyberte Uložit . Soubor se uloží do vašeho forku úložiště GitHub.
5. Na další obrazovce vyberte Upravit.

Sestavení balíčku a publikování artefaktu

Upravte soubor azure-pipelines.yml následujícím způsobem.

1. Obsah souboru nahraďte následujícím kódem. Kód aktualizuje úlohu instalačního programu nástroje Node.js tak, aby používala Node.js verze 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'
   
   - script: 
       npm test
     displayname: 'npm test'
   
   

2. Do kanálu přidejte následující nové úlohy:

   • Úloha kopírování souborů zkopíruje soubory ze src a veřejných složek do přípravného adresáře artefaktů sestavení.

   • Úloha artefaktu kanálu publikování získá soubory z přípravného umístění artefaktů a publikuje je jako artefakty, které mají být výstupem pomocí sestavení kanálu.

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

Spuštění kanálu

Vyberte Ověřit a uložit, pak vyberte Uložit, vyberte Spustit a vyberte Spustit znovu.

Po spuštění kanálu ověřte, že se úloha úspěšně spustila a že se zobrazuje publikovaný artefakt.

Klasické

1. Jako zdroj kódu vyberte GitHub .

2. V části Úložiště vyberte forkované úložiště a vyberte Pokračovat.

3. Vyberte Prázdný kanál a vyberte Použít.

4. V části Specifikace agenta v pravém podokně vyberte ubuntu-latest.

5. V levém podokně přidejte do kanálu následující úlohy v pořadí. Pro každou úlohu vyberte + v úloze agenta 1, vyberte úlohu vpravo a vyberte Přidat a v případě potřeby úlohu nakonfigurujte.

   1. npm

   2. npm

      • Zobrazovaný název: npm test
      • Příkaz: vlastní
      • Příkaz a argumenty: test

   3. Publikování výsledků testu

   4. Archivovat soubory

      • Kořenová složka nebo soubor k archivaci: $(System.DefaultWorkingDirectory)
      • Předpřipravený název kořenové složky k archivačním cestám: Zrušte zaškrtnutí

   5. Publikování artefaktů sestavení

6. Vyberte Uložit a frontu a pak vyberte Uložit a spustit.

   

Blahopřejeme, úspěšně jste vytvořili a spustili kanál, který vytvořil a otestoval balíček Node.js. V rámci systému kontinuální integrace a průběžného doručování (CI/CD) služby Azure Pipelines můžete vytvářet, testovat a nasazovat Node.js aplikace.

Další kroky

Konfigurace JavaScriptu