Kompilowanie i publikowanie pakietu Node.js

Azure DevOps Services | Azure DevOps Server 2022 — Azure DevOps Server 2019

W tym przewodniku Szybki start utworzysz pakiet Node.js za pomocą narzędzia Node Menedżer pakietów (npm) i opublikujesz artefakt potoku. Dowiesz się, jak używać usługi Azure Pipelines do kompilowania, wdrażania i testowania aplikacji JavaScript.

Wymagania wstępne

• Konto usługi GitHub, na którym można utworzyć repozytorium. Utwórz bezpłatne konto usługi GitHub.
• Organizacja: Azure DevOps. Utwórz je bezpłatnie.
• Projekt usługi Azure DevOps. Utwórz go przy użyciu Kreatora tworzenia projektu usługi Azure DevOps.
• Możliwość uruchamiania potoków na agentach hostowanych przez firmę Microsoft. Musisz zażądać bezpłatnego udzielenia zadań równoległych lub kupić zadanie równoległe.

Rozwidlenie przykładowego kodu

Rozwidlenie przykładowej aplikacji serwera Express.js.

1. Przejdź do repozytorium js-e2e-express-server .
2. Wybierz pozycję Rozwidlenie w prawym górnym rogu strony.
3. Wybierz konto usługi GitHub. Domyślnie rozwidlenie ma taką samą nazwę jak repozytorium nadrzędne, ale można nadać mu inną nazwę.

Ważne

Podczas poniższych procedur może zostać wyświetlony monit o utworzenie połączenia usługi GitHub lub przekierowanie do usługi GitHub w celu zalogowania się, zainstalowania usługi Azure Pipelines lub autoryzowania usługi Azure Pipelines. Postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby ukończyć proces. Aby uzyskać więcej informacji, zobacz Access to GitHub repozytoria.

Tworzenie potoku

YAML

1. W projekcie usługi Azure DevOps wybierz pozycję Potoki>Utwórz potok, a następnie wybierz pozycję GitHub jako lokalizację kodu źródłowego.
2. Na ekranie Wybieranie repozytorium wybierz rozwidlenie przykładowego repozytorium.
3. Na ekranie Konfigurowanie potoku wybierz pozycję Potok startowy. Usługa Azure Pipelines generuje plik YAML o nazwie azure-pipelines.yml dla potoku.
4. Wybierz daszek listy rozwijanej obok pozycji Zapisz i uruchom, wybierz pozycję Zapisz, a następnie ponownie wybierz pozycję Zapisz . Plik jest zapisywany w rozwidlonym repozytorium GitHub.
5. Na następnym ekranie wybierz pozycję Edytuj.

Kompilowanie pakietu i publikowanie artefaktu

Edytuj plik azure-pipelines.yml w następujący sposób.

1. Zastąp zawartość pliku następującym kodem. Kod aktualizuje zadanie instalatora narzędzia Node.js, aby używać Node.js wersji 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. Dodaj następujące nowe zadania do potoku:

   • Zadanie kopiowania plików kopiuje pakiet npm i package.json pliki z lokalnej ścieżki pobierania na agencie i zapisuje je w lokalnej ścieżce przejściowej artefaktu na agencie. Kopiowane są tylko foldery src i publiczne.

   • Zadanie artefaktu publikowania potoku pobiera pliki z lokalizacji przejściowej artefaktu i publikuje je jako artefakty, które mają być danymi wyjściowymi kompilacji potoku.

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

Uruchamianie potoku

Wybierz pozycję Zweryfikuj i zapisz, a następnie wybierz pozycję Zapisz, wybierz pozycję Uruchom, a następnie wybierz pozycję Uruchom ponownie.

Po uruchomieniu potoku sprawdź, czy zadanie zostało uruchomione pomyślnie i czy widzisz opublikowany artefakt.

Klasyczny

1. Wybierz pozycję GitHub jako źródło kodu.

2. W obszarze Repozytorium wybierz rozwidlenie repozytorium, a następnie wybierz pozycję Kontynuuj.

3. Wybierz pozycję Pusty potok i wybierz pozycję Zastosuj.

4. W obszarze Specyfikacja agenta w okienku po prawej stronie wybierz pozycję ubuntu-latest.

5. W okienku po lewej stronie dodaj następujące zadania do potoku w kolejności. Dla każdego zadania wybierz + w polu Zadanie agenta 1, wybierz zadanie po prawej stronie i wybierz pozycję Dodaj, a następnie w razie potrzeby skonfiguruj zadanie.

   1. npm

   2. npm

      • Nazwa wyświetlana: test npm
      • Polecenie: niestandardowe
      • Polecenia i argumenty: test

   3. Publikowanie wyników testu

   4. Pliki archiwum

      • Folder główny lub plik do archiwizacji: $(System.DefaultWorkingDirectory)
      • Wstępnie utworzona nazwa folderu głównego do ścieżek archiwum: Usuń zaznaczenie

   5. Publikowanie artefaktów kompilacji

6. Wybierz pozycję Zapisz i kolejkę, a następnie wybierz pozycję Zapisz i uruchom.

   

Gratulacje, pomyślnie utworzono i uruchomiono potok, który skompilował i przetestował pakiet Node.js. Aplikacje Node.js można tworzyć, testować i wdrażać w ramach systemu ciągłej integracji i ciągłego dostarczania (CI/CD) usługi Azure Pipelines.

Następne kroki

Konfigurowanie języka JavaScript