Azure App Service를 활용한 웹 앱 배포와 CI/CD 파이프라인 구축 가이드

핵심 기술

이 콘텐츠는 Azure App Service를 사용하여 웹 애플리케이션을 구축하고, GitHub Actions를 활용하여 CI/CD 파이프라인을 구성하여 코드 변경 사항을 자동 배포하는 과정을 상세히 안내합니다.

기술적 세부사항

• 웹 앱(Web App)
  • 정의: 웹 서버에서 실행되며 웹 브라우저나 모바일 장치를 통해 접근 가능한 소프트웨어 애플리케이션.
  • 특징: 동적 콘텐츠, 높은 상호작용성, 뛰어난 접근성 및 확장성 제공.
  • 종류: 정적 웹 앱, 동적 웹 앱, 프로그레시브 웹 앱(PWA).
• CI/CD 파이프라인
  • 정의: 소프트웨어 개발팀이 코드를 빌드, 테스트, 배포하는 과정을 자동화하는 프로세스.
  • 핵심 구성 요소: 지속적 통합(CI - 빌드, 테스트, 코드 변경 검증 자동화), 지속적 배포(CD - 검증된 코드 변경을 프로덕션에 자동 배포).
  • 이점: 시장 출시 시간 단축, 품질 향상, 효율성 증대.
  • 주요 도구: Azure Pipelines, GitHub Actions, Jenkins.
• Azure App Service
  • 개요: Microsoft Azure에서 제공하는 완전 관리형 플랫폼 서비스(PaaS)로, 웹 앱 구축, 배포 및 확장을 지원.
  • 주요 기능: 관리형 플랫폼(인프라 관리 불필요), 다양한 언어 지원(.NET, Java, Python, Node.js 등), Azure 서비스와의 통합.
  • 이점: 빠른 배포, 유연한 확장성, 강력한 보안.
  • 활용 사례: 웹 애플리케이션, API, 모바일 앱 백엔드.
• Azure App Service에 웹 앱 배포 및 CI/CD 설정 단계
  1. Azure Portal에서 App Service Plan 생성: 리소스 그룹, 앱 서비스 플랜 이름, OS, 지역, 가격 책정 등 설정 후 생성.
  2. App Service(Web App) 생성: 생성된 리소스 그룹과 플랜을 사용하여 웹 앱 인스턴스 생성, 런타임 스택, OS 등 설정.
  3. VS Code에서 로컬 개발 환경 설정 및 GitHub Push:
     • index.php 파일 생성 및 내용 작성.
     • GitHub 저장소 생성.
     • VS Code 터미널에서 git init, git add ., git status, git commit -m "first commit", git remote add origin <URL>, git push -u origin master 명령어 실행.
  4. Azure Portal Deployment Center 설정:
     • 연결 소스로 GitHub 선택 후 인증.
     • 조직, 저장소, 브랜치 정보 입력.
     • CI/CD 워크플로우 미리보기 및 저장.
  5. 변경 사항 반영: VS Code에서 코드 수정 후 git add ., git commit -m "second commit", git push 명령어로 변경 사항을 GitHub에 푸시하면 Azure App Service가 자동으로 업데이트.