Azure App Service에서 CI/CD 파이프라인을 사용하여 웹 앱 배포 방법

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

DevOps

대상자

• 웹 앱 개발자, DevOps 엔지니어, Azure 사용자
• 중급 수준: CI/CD 개념 이해, Azure 기본 사용 경험 필요

핵심 요약

• 웹 앱은 동적 콘텐츠, 인터랙티브 UI, 스케일 가능성을 갖춘 애플리케이션입니다.
• CI/CD 파이프라인은 자동화된 빌드/테스트/배포를 통해 개발 효율성과 품질 향상을 달성합니다.
• Azure App Service는 PaaS 기반으로 다중 언어 지원, 자동 확장, 보안 기능을 제공합니다.
• 배포 단계는 Azure 포털, GitHub 연동, CI/CD 구성을 통해 수행됩니다.

섹션별 세부 요약

1. 웹 앱 정의 및 특성

• 웹 앱은 브라우저/모바일 기기를 통해 액세스 가능한 동적 서비스입니다.
• 핵심 특성:
• 동적 콘텐츠 업데이트 (실시간 정보 제공)
• 인터랙티브 UI (폼, 버튼 등 사용자 상호작용 지원)
• 스케일 가능성 (대규모 트래픽 처리)
• 타입:
• 정적 웹 앱 (자주 변경되지 않는 콘텐츠)
• 동적 웹 앱 (사용자 상호작용에 따라 생성)
• PWA (오프라인 지원, 푸시 알림 등 네이티브 앱 유사 경험)

2. CI/CD 파이프라인 구성 요소 및 이점

• CI (Continuous Integration):
• 코드 변경 자동 빌드, 테스트, 검증
• CD (Continuous Deployment):
• 검증된 코드 자동 배포
• 이점:
• 빠른 시장 출시 (기능 빠른 제공)
• 품질 향상 (자동 테스트로 표준 준수)
• 개발자 효율성 (자동화로 수동 오류 감소)

3. Azure App Service 기능 및 사용 사례

• 핵심 기능:
• 관리형 플랫폼 (인프라/패칭/확장 자동화)
• 다중 언어 지원 (C#, Java, Python, Node.js 등)
• Azure 서비스 연동 (Azure DevOps, Azure Storage 등)
• 사용 사례:
• 웹 앱 개발 (다양한 프레임워크 사용)
• REST API 생성 (데이터/기능 제공)
• 모바일 앱 배포 (Azure App Service 모바일 백엔드 활용)

4. Azure App Service에 웹 앱 배포 절차

• Azure 포털 사용:
• App Service Plan 생성 (리소스 그룹, 지역, 가격 계획 설정)
• Web App 생성 (런타임 스택, 운영 체제, 네트워킹 구성)
• VS Code 활용:
• index.php 파일 생성 및 GitHub에 푸시 (git init, git add, git commit, git push)
• GitHub 연동:
• Azure 포털의 Deployment Center에서 GitHub 계정 인증
• 저장소 선택 및 CI/CD 구성 (분기, 저장소 이름 설정)
• 배포 확인:
• 웹 앱 URL 확인 (예: ema-web-app-bpbudccndaa9gcbe.eastus2-01.azurewebsites.net)
• 변경사항 반영: git add, git commit, git push 명령 실행

결론

• Azure App Service와 GitHub Actions/Azure Pipelines 연동을 통해 자동화된 CI/CD 파이프라인 구성
• 배포 전 구성 요소(리소스 그룹, 지역, 런타임 스택) 정확히 설정
• 변경사항 반영 후 즉시 테스트 수행 (예: git push 후 웹 앱 URL 확인)