Azure 애플리케이션 서비스의 지속적인 배포: GitHub 및 Azure Repos

DevOps는 점점 더 많은 사람들이 수동 조작을 줄이고 자동화 도구와 기술 조작 작업 흐름을 사용해야 하기 때문에 IT 업계의 핫이슈가 되었다.DevOps 정책을 사용하는 생각은 전체적인 작업량과 오류를 줄이고 최종적으로 더욱 확장성과 안정성을 갖춘 응용 프로그램 환경을 구축하는 것이다.
지속적 통합(CI)과 지속적 개발(CD) 전략은 민첩한 작업 부하를 구축하는 핵심 구성 요소와 최선의 실천 중 하나가 되었다. 이 작업 부하는 여러 참여자의 빈번한 업데이트를 지원할 수 있을 뿐만 아니라 강력한 인프라 시설을 구축, 테스트, 배치할 수 있다.
이전 글에서 저는 당신에게 Azure 응용 프로그램 서비스를 소개하고 그 기능과 기능에 관한 고급 정보를 설명했습니다.저는 이 시리즈를 계속하고 응용 프로그램 서비스를 어떻게 활용하여 그 기능을 최대한 발휘하는지에 대한 깊이 있는 강좌를 제공할 것입니다.네가 놓치지 않도록 내가 아래에 있는 앞의 문장을 봐라.
본고에서 저는 귀하께 Azure 응용 프로그램 서비스 자원을 어떻게 만드는지 지도하고 연속 배치를 지원하여 DevOps 기능을 이용하여 응용 프로그램 코드를 실현하도록 하겠습니다.마지막까지 버티면 응용 프로그램에 CI/CD 기능을 사용하는 것이 얼마나 쉽고 간단한지 볼 수 있습니다.

카탈로그

  • Assumptions

  • Creating a Resource Group for App Service
  • Creating a Resource Group using PowerShell/CLI
  • Creating Resource Group using Azure Portal

  • Creating Azure App Service Resource
  • Using PowerShell for App Service Deployment
  • Using Azure Portal for App Service Deployment

  • Setting up Continuous Integration and Continuous Deployment (CI/CD)
  • Configuring CI/CD with Azure Repos
  • Configuring CI/CD with GitHub Repos
  • Conclusion
  • 가설


    설정과 배치를 시작하기 전에, 당신이 우리가 시작하기 전에 준비를 할 수 있도록 가정을 하겠습니다.
  • Azure 포털을 잘 알고 포털을 탐색해야 합니다.
  • GitHub 또는 Azure DevOps에 활성 계정을 가지고 있어야 합니다.
  • Azure 계정 액세스shell.azure.com를 사용하거나 로컬 컴퓨터에서 PowerShell 또는 CLI(옵션)를 사용할 수 있어야 합니다.
  • 응용 서비스에 대한 자원 그룹 만들기


    우선, 응용 서비스 계획과 응용 견해 등 응용 서비스와 다른 관련 자원을 위탁 관리할 자원 그룹이 필요합니다.리소스 그룹이 있는 경우 기존 리소스 그룹을 사용할 수 있습니다.자원 그룹을 만드는 것은 매우 간단합니다. PowerShell 또는 Azure Portal을 사용하여 이 작업을 수행할 수 있습니다.

    PowerShell/CLI를 사용하여 리소스 그룹 만들기


    원하는 대로 다음 PowerShell 또는 CLI 명령을 사용합니다.필요한 경우 언제든지 리소스 그룹 이름과 위치를 변경하십시오.
    New-AzResourceGroup -Name "RGName" -Location "Canada Central"
    
    ## OR
    
    az group create --name "RGName" --location canadacentral
    

    Azure 포털을 사용하여 리소스 그룹 만들기


    Azure Portal을 즐겨 사용하는 경우 다음 절차에 따라 새 리소스 그룹을 만듭니다.
  • Azure 포털 로그인(Portal.Azure.com)
  • 상단 검색 모음에서 리소스 그룹 검색
  • 다음 화면에서 추가를 클릭합니다.
  • 리소스 그룹 이름에 대한 정보를 입력하고 보기 및 만들기 를 클릭합니다.이것은 최종 구성을 본 후에 자원 그룹을 만드는 옵션을 제공합니다.

  • 일단 자원팀을 배치하면 다음 섹션으로 넘어가 더 재미있는 작업을 진행한다.

    Azure 애플리케이션 서비스 리소스 생성 중


    CI/CD 파이핑을 설정하기 전에 선택한 코드 통합 저장소에 연결되는 웹 응용 프로그램 리소스가 필요합니다.PowerShell 또는 Azure 포털을 사용하여 필요한 리소스를 배포할 수 있습니다.나는 이미 이 두 가지 옵션에 절차를 제공했으니, 그 중 하나를 마음대로 선택하여 응용 프로그램 서비스 자원을 배치하십시오.

    PowerShell을 사용하여 애플리케이션 서비스 배포


    PowerShell 또는 CLI를 사용하여 응용 프로그램 서비스를 만드는 것은 응용 프로그램 서비스 자체 이전에 응용 프로그램 서비스 계획과 같은 종속 자원을 배치하는 것과 관련이 있습니다.응용 서비스 계획은 위탁 관리 응용 프로그램과 실행 시 환경에 사용됩니다.다음 절차에 따라 조작하고 자원 명명 약정에 따라 변수 이름을 변경해야 합니다.
    $Location = "East US"
    $ResourceGroupName = "ps-webcicd-rg"
    $PlanName = "AppServicePlan01"
    $AppName = "CICDApp-$(Get-Random)"
    
    $Plan = New-AzAppServicePlan -ResourceGroupName $ResourceGroupName -Name $PlanName -Location $Location -Tier "Free"
    
    $App = New-AzWebApp -ResourceGroupName $ResourceGroupName -Name $AppName -Location $Location -AppServicePlan $PlanName
    

    Azure Portal 배포 애플리케이션 서비스 사용


    당신은 Azure 포털을 사용하는 것을 좋아합니까?내가 엄호할게!
    다음 절차에 따라 Azure 포털을 사용하여 애플리케이션 서비스 리소스를 배포합니다.
  • 응용 프로그램 서비스 자원에 사용할 자원 그룹을 찾습니다.
  • 왼쪽 위에 있는 추가 를 클릭하여 선택할 수 있는 리소스 목록을 봅니다.
  • 목록에서 웹 앱을 선택합니다.
  • 응용 프로그램의 사용 상황에 따라 상세한 정보를 기입합니다.Node12 LTS가 실행될 때 NodeJS를 사용합니다.어플리케이션에서 리소스 비용을 방지하기 위해 F1 무료 레이어를 사용해야 합니다.이거 공짜예요.😉
  • 다음 단계를 완료하려면 보기 및 만들기 를 클릭합니다.
  • 현재 웹 응용 프로그램과 응용 프로그램 서비스 계획을 단일 패널에서 배치할 수 있습니다.다음 단계에서는 GitHub와 Azure DevOps를 사용하여 새로 만든 응용 프로그램 서비스의 연속 배치를 설정합니다.

    연속 통합 및 연속 배포(CI/CD) 설정


    이 점에서, 응용 프로그램을 시작하고 일반적인 웹 페이지를 실행해야 합니다. 상자를 열면 바로 사용할 수 있습니다.다음 단계는 응용 프로그램에 Repo를 배치하는 것입니다.이를 위해 응용 프로그램 서비스의'배포 센터'라는 옵션을 사용하여 응용 프로그램 서비스를 GitHub에 연결합니다.
    설정을 계속하기 전에, 설치 과정에서 예시 코드를 사용할 수 있도록 아래의 링크 복사, 복제 또는 갈래를 사용하십시오.선택한 연결 플랫폼에 따라 코드를 GitHub 또는 Azure DevOps Repo 에 저장합니다.이 저장소를 Azure 및 GitHub Repos의 CI/CD 소스로 사용할 것입니다.
    GitHub:singhparveen/nodejs-plainwebapp
    이 설정의 다음 마지막 단계는 지속적인 개발을 위해 환매 접근을 활성화하는 것이다.이를 위해서는 새로 배치된 응용 프로그램 서비스 자원을 탐색하고 왼쪽 패널에서 배치 센터를 선택해야 합니다.
    Azure repo 또는 GitHub repo를 연결하려면 이 페이지를 참조하십시오.나는 여기서 이 두 가지 방법을 설명할 것이다.

    Azure Repos를 사용하여 CI/CD 구성


    Azure를 Azure 응용 프로그램에 다시 연결하고 있다면, 프로젝트 파일을 저장하기 위해 Azure DevOps 조직을 만들었는지 확인하십시오.준비가 다 된 후에 다음 절차를 계속 집행하세요.
  • Azure 재구매를 클릭하고 Continue 키를 누릅니다.
  • Azure Repo는 Azure Pipeline build를 지원합니다. Azure DevOps에서 파이프를 만들고 구축을 발표합니다. 이 구축은 코드 업데이트 시 자동으로 터치됩니다.

  • 연결을 시도할 때 다음 그림을 보았다면, Azure DevOps 조직과 프로젝트를 만들지 않았을 수도 있습니다.steps here 구성 항목과 스토리지에 따라 재구매합니다.프로젝트를 구성한 후 Azure 포털을 새로 고치고 단계에 따라 Azure Repo를 추가하여 배치 센터 통합을 진행합니다.
    Azure 포털 로그인에 사용할 계정도 DevOps 조직의 권한이 있는지 확인하십시오. 그렇지 않으면 프로젝트에 접근하고 환매할 수 없습니다.
  • Azure DevOps와의 연결이 성공하면 액세스 권한이 있는 조직과 각 조직 내의 프로젝트를 볼 수 있어야 합니다.
  • 이전 복제 또는 클론 재구매를 선택합니다.노드 항목이므로 시작 명령을 npm start 로 설정해야 합니다.
  • 이 완성된 후finish를 누르면 프로그램이 바로 시작되고 실행되어야 합니다. 너무 많은 노력을 기울일 필요가 없습니다.
  • GitHub Repos를 사용하여 CI/CD 구성


    Azure Repo 대신 GitHub Repo를 사용하려면 애플리케이션 블레이드에서 배포 센터를 선택하십시오.
  • 지난번과 달리 GitHub를 선택하고 Continue를 누릅니다.
  • GitHub 계정을 승인하고 허용해야 할 수도 있습니다.GitHub를 인증하고 Repos를 App Service에 연결하라는 메시지가 표시되면 로그인 양식을 사용합니다.
  • 구축 공급자를 위해'응용 서비스 구축 서비스'를 선택하십시오. 이것은 배치 기간에 자동으로 코드를 컴파일하기 때문입니다.
  • 이전에 복제한 재구매를 선택하고 프로세스를 완료하십시오.
  • 몇 분 안에 응용 프로그램을 시작하고 응용 프로그램 서비스에서 실행해야 합니다.
  • 이 때, 응용 프로그램은 응용 프로그램 서비스와 완전히 통합되어 있으며, 코드 라이브러리에 대한 모든 변경 사항은 동기화되고, 이러한 변경 사항은 실시간으로 반영됩니다.

    결론


    변경 과정에서 코드 업데이트를 웹 응용 프로그램에 동기화하기 위해 Azure 응용 서비스에 CI/CD 파이프를 성공적으로 배치할 수 있기를 바랍니다.
    만약 당신이 읽는 내용을 좋아한다면, 아래에 평론을 남겨 주십시오. 나는 다음 편에서 당신을 볼 것입니다.

    좋은 웹페이지 즐겨찾기