Node.js 패키지 빌드 및 게시

아티클
07/17/2024

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

이 빠른 시작에서는 파이프라인을 사용하여 노드 패키지 관리자(npm)을 사용하여 Node.js 패키지를 만들고 파이프라인 아티팩트를 게시합니다. Azure Pipelines를 사용하여 JavaScript 앱을 빌드, 배포 및 테스트하는 방법을 알아봅니다.

필수 조건

리포지토리를 만들 수 있는 GitHub 계정. 무료로 GitHub 계정을 만듭니다.
Azure DevOps 조직. 체험 계정 만들기
Azure DevOps 프로젝트입니다. Azure DevOps 프로젝트 만들기 마법사를 사용하여 만듭니다.
Microsoft 호스팅 에이전트에서 파이프라인을 실행하는 기능입니다. 병렬 작업의 무료 부여를 요청하거나 병렬 작업을 구매해야 합니다 .

리포지토리를 만들 수 있는 GitHub 계정. 무료로 GitHub 계정을 만듭니다.
Azure DevOps 조직. 체험 계정 만들기
Azure DevOps 프로젝트입니다. Azure DevOps 프로젝트 만들기 마법사를 사용하여 만듭니다.
자체 호스팅 에이전트입니다. 에이전트를 만들려면 자체 호스팅 에이전트를 참조 하세요.

샘플 코드 포크

샘플 Express.js 서버 앱을 포크합니다.

js-e2e-express-server 리포지토리로 이동합니다.
페이지의 오른쪽 위 모서리에서 포크를 선택합니다.
GitHub 계정을 선택합니다. 기본적으로 포크의 이름은 부모 리포지토리와 동일하지만 이름을 다르게 지정할 수 있습니다.

Important

다음 절차 중에 GitHub 서비스 연결을 만들라는 메시지가 표시되거나 GitHub로 리디렉션되어 로그인, Azure Pipelines 설치 또는 Azure Pipelines 권한을 부여할 수 있습니다. 화면의 지침에 따라 프로세스를 완료합니다. 자세한 내용은 GitHub 리포지토리에 대한 액세스를 참조 하세요.

Azure DevOps 프로젝트에서 파이프라인>만들기 파이프라인을 선택한 다음, 소스 코드의 위치로 GitHub를 선택합니다.
리포지토리 선택 화면에서 포크된 샘플 리포지토리를 선택합니다.
파이프라인 구성 화면에서 시작 파이프라인을 선택합니다. Azure Pipelines는 파이프라인에 대한 azure-pipelines.yml이라는 YAML 파일을 생성합니다.
저장 및 실행 옆에 있는 드롭다운 케어를 선택하고 저장을 선택한 다음 다시 저장을 선택합니다. 파일이 포크된 GitHub 리포지토리에 저장됩니다.
다음 화면에서 편집을 선택합니다.

패키지 빌드 및 아티팩트 게시

다음과 같이 azure-pipelines.yml 파일을 편집합니다.

파일 내용을 다음 코드로 바꿉니다. 이 코드는 Node.js 버전 16 LTS를 사용하도록 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'

파이프라인에 다음 새 작업을 추가합니다.

파일 복사 태스크는 src 및 공용 폴더의 파일을 빌드 아티팩트 준비 디렉터리로 복사합니다.
게시 파이프라인 아티팩트 작업은 아티팩트 준비 위치에서 파일을 가져오고 파이프라인 빌드를 사용하여 출력할 아티팩트로 게시합니다.

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

파이프라인을 실행하세요.

유효성 검사 및 저장을 선택한 다음 저장, 실행을 선택한 다음 실행을 다시 선택합니다.

파이프라인이 실행된 후 작업이 성공적으로 실행되었고 게시된 아티팩트가 표시되는지 확인합니다.

아티팩트가 있는 성공적인 파이프라인 실행의 스크린샷

축하합니다. Node.js 패키지를 빌드하고 테스트한 파이프라인을 성공적으로 만들고 실행했습니다. Azure Pipelines CI/CD(지속적인 통합 및 지속적인 업데이트) 시스템의 일부로 Node.js 앱을 빌드, 테스트 및 배포할 수 있습니다.

다음 단계

JavaScript 구성

다음을 통해 공유