빠른 시작: Azure DevOps Projects를 사용하여 Node.js용 Azure Pipelines에서 CI/CD 파이프라인 만들기Quickstart: Create a CI/CD pipeline in Azure Pipelines for Node.js with Azure DevOps Projects

Azure DevOps Projects는 Azure Pipelines에서 Node.js 앱에 대한 CI(연속 통합) 및 CD(지속적인 업데이트) 파이프라인을 설정하고 Azure 리소스를 만드는 간소화된 환경을 제공합니다.Azure DevOps Projects presents a simplified experience that creates Azure resources and sets up a continuous integration (CI) and continuous delivery (CD) pipeline for your Node.js app in Azure Pipelines.

Azure 구독이 없으면 Visual Studio Dev Essentials을 통해 무료로 구독을 구할 수 있습니다.If you don't have an Azure subscription, you can get one free through Visual Studio Dev Essentials.

Azure Portal에 로그인Sign in to the Azure portal

DevOps Projects는 Azure Pipelines에 CI/CD 파이프라인을 만듭니다.DevOps Projects creates a CI/CD pipeline in Azure Pipelines. 새 Azure DevOps 조직을 만들거나 기존 조직을 사용할 수 있습니다.You can create a new Azure DevOps organization or use an existing organization. 또한 DevOps Projects는 선택한 Azure 구독에서 Azure 리소스를 만듭니다.DevOps Projects also creates Azure resources in the Azure subscription of your choice.

  1. Microsoft Azure 포털에 로그인합니다.Sign in to the Microsoft Azure portal.

  2. 왼쪽 창에서 리소스 만들기를 선택하고 DevOps Projects를 검색합니다.In the left pane, select Create a resource, and then search for DevOps Projects.

    지속적인 업데이트 구성 리소스 만들기

샘플 애플리케이션 및 Azure 서비스 선택Select a sample application and Azure service

  1. Node.js 샘플 애플리케이션을 선택합니다.Select the Node.js sample application.
    Node.js 샘플에는 여러 애플리케이션 프레임워크 선택이 포함됩니다.The Node.js samples include a choice of several application frameworks.

  2. 기본 샘플 프레임워크는 Express.js입니다.The default sample framework is Express.js. 기본 설정에서 나간 후 다음을 선택합니다.Leave the default setting, and then select Next.
    Windows의 웹앱은 기본 배포 대상입니다.Web App on Windows is the default deployment target. 이전에 선택한 애플리케이션 프레임워크는 여기에서 사용 가능한 Azure 서비스 배포 대상의 유형을 나타냅니다.The application framework, which you chose previously, dictates the type of Azure service deployment target available here.

  3. 기본 서비스에서 나간 후 다음을 선택합니다.Leave the default service, and then select Next.

Azure DevOps 및 Azure 구독 구성Configure Azure DevOps and an Azure subscription

  1. 새 Azure DevOps 조직을 만들거나 기존 조직을 선택합니다.Create a new Azure DevOps organization or choose an existing organization.

    a.a. 프로젝트의 이름을 입력합니다.Enter a name for your project.

    b.b. Azure 구독 및 위치를 선택하고 애플리케이션의 이름을 입력한 후 완료를 선택합니다.Select your Azure subscription and location, enter a name for your application, and then select Done.
    잠시 후에 DevOps Projects 대시보드가 Azure Portal에 표시됩니다.After a few minutes, the DevOps Projects dashboard is displayed in the Azure portal. 샘플 애플리케이션이 Azure DevOps 조직의 리포지토리에서 설정되고, 빌드가 실행되고, 애플리케이션이 Azure에 배포됩니다.A sample application is set up in a repository in your Azure DevOps organization, a build is executed, and your application is deployed to Azure. 이 대시보드에서는 코드 리포지토리, CI/CD 파이프라인 및 Azure의 애플리케이션에 가시성을 제공합니다.This dashboard provides visibility into your code repository, the CI/CD pipeline, and your application in Azure.

  2. 찾아보기를 선택하여 실행 중인 애플리케이션을 볼 수 있습니다.Select Browse to view your running application.

    CI/CD 파이프라인의 대시보드 보기

DevOps Projects에서 CI 빌드 및 릴리스 트리거가 자동으로 구성되었을 것입니다.DevOps Projects automatically configured a CI build and release trigger. 이제 웹 사이트에 최신 작업을 자동으로 배포하는 CI/CD 프로세스를 사용하여 Node.js 앱에서 팀과 협업할 준비가 되었습니다.You're now ready to collaborate with a team on a Node.js app with a CI/CD process that automatically deploys your latest work to your web site.

코드 변경 내용 커밋 및 CI/CD 실행Commit code changes and execute CI/CD

DevOps Projects는 Azure Repos 또는 GitHub에 Git 리포지토리를 만듭니다.DevOps Projects creates a Git repository in Azure Repos or GitHub. 다음 단계를 수행하여 리포지토리를 살펴보고 애플리케이션의 코드를 변경합니다.Take the following steps to view the repository and make code changes to your application.

  1. DevOps Projects 대시보드 왼쪽에서 마스터 분기에 대한 링크를 선택합니다.On the left of the DevOps Projects dashboard, select the link for your master branch.
    이 링크는 새로 생성된 Git 리포지토리 보기를 엽니다.This link opens a view to the newly created Git repository.

  2. 리포지토리 복제 URL을 보려면 브라우저의 오른쪽 위에서 복제를 선택합니다.To view the repository clone URL, select Clone on the top right of the browser.
    즐겨찾는 IDE에서 Git 리포지토리를 복제할 수 있습니다.You can clone your Git repository in your favorite IDE. 다음 몇 단계에서는 웹 브라우저를 사용하여 코드 변경을 직접 마스터 분기에 만들고 커밋할 수 있습니다.In the next few steps, you can use the web browser to make and commit code changes directly to the master branch.

  3. 브라우저의 왼쪽에서 views/index.pug 파일로 이동합니다.On the left side of the browser, go to the views/index.pug file.

  4. 편집을 선택하고 h2 제목을 변경합니다.Select Edit, and then make a change to the h2 heading.
    예를 들어 Azure DevOps Projects를 사용하여 바로 시작하기를 입력하거나 일부 다른 내용을 변경합니다.For example, enter Get started right away with Azure DevOps Projects or make some other change.

  5. 커밋을 선택하고 변경 내용을 저장합니다.Select Commit, and then save your changes.

  6. 브라우저에서 DevOps Projects 대시보드로 이동합니다.In your browser, go to the DevOps Projects dashboard.
    이제 빌드가 진행되고 있다고 표시됩니다.You should now see a build in progress. 방금 변경한 내용은 자동으로 빌드되며 CI/CD 파이프라인을 통해 배포됩니다.The changes you just made are automatically built and deployed via a CI/CD pipeline.

Azure CI/CD 파이프라인 검사Examine the Azure CI/CD pipeline

이전 단계에서 DevOps Projects의 전체 CI/CD 파이프라인이 자동으로 구성되었습니다.In the previous step, DevOps Projects automatically configured a full CI/CD pipeline. 필요에 따라 파이프라인을 탐색하고 사용자 지정합니다.Explore and customize the pipeline as needed. 다음 단계를 수행하여 빌드 및 릴리스 파이프라인을 숙지하세요.Take the following steps to familiarize yourself with the build and release pipelines.

  1. DevOps Projects 대시보드 맨 위에서 빌드 파이프라인을 선택합니다.At the top of the DevOps Projects dashboard, select Build Pipelines.
    이 링크를 클릭하면 브라우저 탭, 새 프로젝트에 대한 빌드 파이프라인이 열립니다.This link opens a browser tab and the build pipeline for your new project.

  2. 상태 필드를 가리킨 후 줄임표(...)를 선택합니다.Point to the Status field, and then select the ellipsis (...).
    이 작업은 새 빌드 큐, 빌드 일시 중지 및 빌드 파이프라인 편집과 같은 여러 활동을 시작할 수 있는 메뉴를 엽니다.This action opens a menu where you can start several activities such as queuing a new build, pausing a build, and editing the build pipeline.

  3. 편집을 선택합니다.Select Edit.

  4. 이 창에서 빌드 파이프라인의 다양한 작업을 검사할 수 있습니다.In this pane, you can examine the various tasks for your build pipeline.
    빌드는 Git 리포지토리에서 원본 가져오기, 종속성 복원 및 배포에 사용된 출력 게시 등 다양한 작업을 수행합니다.The build performs a variety of tasks such as fetching sources from the Git repository, restoring dependencies, and publishing outputs that are used for deployments.

  5. 빌드 파이프라인의 맨 위에서 빌드 파이프라인 이름을 선택합니다.At the top of the build pipeline, select the build pipeline name.

  6. 빌드 파이프라인의 이름을 좀 더 구체적인 것으로 변경하고 저장 및 큐에 넣기, 저장을 차례로 선택합니다.Change the name of your build pipeline to something more descriptive, select Save & queue, and then select Save.

  7. 빌드 파이프라인 이름에서 기록을 선택합니다.Under your build pipeline name, select History.
    기록 창에 빌드에 대한 최근 변경 내용의 감사 내역이 표시됩니다.In the History pane, you see an audit trail of your recent changes for the build. Azure Pipelines는 빌드 파이프라인에 대한 모든 변경 내용을 계속 추적하고 버전을 비교할 수 있습니다.Azure Pipelines keeps track of any changes that are made to the build pipeline, and it allows you to compare versions.

  8. 트리거를 선택합니다.Select Triggers.
    DevOps Projects는 CI 트리거를 자동으로 생성하며, 리포지토리에 대한 모든 커밋이 새 빌드를 시작합니다.DevOps Projects automatically created a CI trigger, and every commit to the repository starts a new build. 필요에 따라 CI 프로세스에서 분기를 포함할지를 선택할 수 있습니다.You can optionally choose to include or exclude branches from the CI process.

  9. 보존을 선택합니다.Select Retention.
    시나리오에 따라 특정 수의 빌드를 유지하거나 제거하는 정책을 지정할 수 있습니다.Depending on your scenario, you can specify policies to keep or remove a certain number of builds.

  10. 빌드 및 릴리스를 선택한 다음, 릴리스를 선택합니다.Select Build and Release, and then select Releases.
    DevOps Projects는 Azure에 대한 배포를 관리하는 릴리스 파이프라인을 만듭니다.DevOps Projects creates a release pipeline to manage deployments to Azure.

  11. 왼쪽에서 릴리스 파이프라인 옆의 줄임표(...)를 선택하고 편집을 선택합니다.On the left, select the ellipsis (...) next to your release pipeline, and then select Edit.
    릴리스 파이프라인은 릴리스 프로세스를 정의합니다.The release pipeline defines the release process.

  12. 아티팩트 아래에서 드롭을 선택합니다.Under Artifacts, select Drop.
    이전 단계에서 검사한 빌드 파이프라인이 아티팩트에 사용된 출력을 생성합니다.The build pipeline you examined in the previous steps produces the output used for the artifact.

  13. 드롭 아이콘 옆에서 지속적인 배포 트리거를 선택합니다.Next to the Drop icon, select the Continuous deployment trigger.
    이 릴리스 파이프라인은 새 빌드 아티팩트를 사용할 수 있을 때마다 배포를 실행하는 CD 트리거를 사용하도록 설정했습니다.This release pipeline has an enabled CD trigger, which runs a deployment every time there is a new build artifact available. 필요에 따라 트리거를 비활성화할 수 있으므로 배포는 수동 실행이 필수적입니다.Optionally, you can disable the trigger so that your deployments require manual execution.

  14. 왼쪽에서 작업을 선택합니다.On the left, select Tasks.
    작업은 배포 프로세스가 수행하는 활동입니다.The tasks are the activities that your deployment process performs. 이 예제에서는 Azure App Service에 배포하기 위해 작업을 만들었습니다.In this example, a task was created to deploy to Azure App Service.

  15. 오른쪽에서 릴리스 보기를 선택합니다.On the right, select View releases.
    이 보기에는 릴리스의 기록이 표시됩니다.This view shows a history of releases.

  16. 한 릴리스 옆에 있는 줄임표(...)를 선택하고 열기를 선택합니다.Select the ellipsis (...) next to one of your releases, and then select Open.
    릴리스 요약, 연결된 작업 항목 및 테스트 등 여러 메뉴를 탐색할 수 있습니다.There are several menus to explore, such as a release summary, associated work items, and tests.

  17. 커밋을 선택합니다.Select Commits.
    이 보기에는 특정 배포와 연결된 코드 커밋이 표시됩니다.This view shows code commits that are associated with the specific deployment.

  18. 로그를 선택합니다.Select Logs.
    로그에는 배포 프로세스에 대한 유용한 정보가 포함됩니다.The logs contain useful information about the deployment process. 배포 도중 및 이후 모두에서 로그를 볼 수 있습니다.They can be viewed both during and after deployments.

리소스 정리Clean up resources

더 이상 필요하지 않을 경우 만든 Azure App Service 및 기타 관련 리소스를 삭제할 수 있습니다.You can delete Azure App Service and other related resources that you created when you don't need them anymore. DevOps Projects 대시보드에서 삭제 기능을 사용합니다.Use the Delete functionality on the DevOps Projects dashboard.

다음 단계Next steps

CI/CD 프로세스를 구성했을 때 빌드 및 릴리스 파이프라인이 자동으로 생성되었을 것입니다.When you configured your CI/CD process, build and release pipelines were automatically created. 팀의 요구를 충족하려면 이러한 빌드 및 릴리스 파이프라인을 수정할 수 있습니다.You can modify these build and release pipelines to meet the needs of your team. CI/CD 파이프라인에 대한 자세한 내용은 다음을 참조하세요.To learn more about the CI/CD pipeline, see:

동영상Videos