Azure Blob Storage로 정적 웹사이트 호스팅 설정 가이드

카테고리

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

서브카테고리

웹 개발

대상자

웹 개발자 및 프론트엔드 개발자

• 난이도: 중간 (기초 Azure 사용 지식 필요)

핵심 요약

• Azure Blob Storage는 서버 관리 없이 저비용으로 정적 웹사이트 호스팅 가능
• $web 컨테이너에 index.html 및 404.html 파일 업로드 후 URL 엔드포인트로 즉시 배포
• CLI 명령어 az storage blob upload-batch로 자동화된 파일 업로드 지원

섹션별 세부 요약

1. Azure Blob Storage 소개

• Azure Blob Storage는 문서, 이미지, 전체 웹사이트를 저장할 수 있는 클라우드 오브젝트 스토리지
• 주요 이점: 저비용, 고가용성, 자동 확장, 내장 HTTPS 지원, 서버 관리 필요 없음

2. 스토리지 계정 생성 절차

• Azure 포털에서 Storage > Storage account 선택 후 Subscription, 리전, Replication 설정
• Performance 옵션에서 Standard 선택, Locally Redundant Storage (LRS) 권장

3. 정적 웹사이트 기능 활성화

• Static website 설정에서 Index document name(index.html) 및 Error document path(404.html) 지정
• Primary endpoint URL(https://yourstorageaccount.z6.web.core.windows.net/) 생성 후 웹사이트 배포

4. 파일 업로드 방법

• Azure Portal, Storage Explorer, CLI를 통해 $web 컨테이너에 파일 업로드
• CSS/JS/이미지 파일은 css/style.css와 같은 폴더 구조 유지 필수
• CLI 예시:

```bash

az storage blob upload-batch \

--account-name yourstorageaccount \

--destination $web \

--source ./your-website-folder

```

5. 도메인 연동 및 고급 설정

• CNAME 레코드를 통해 www.yourdomain.com으로 도메인 연결 가능
• Azure CDN 통합으로 성능 최적화 및 HTTPS 지원
• VS Code 및 GitHub과의 연동 지원으로 개발자 편의성 향상

결론

• Azure Blob Storage는 DevOps 파이프라인 없이도 정적 웹사이트를 즉시 배포 가능
• 404.html 파일은 에러 테스트를 위해 필수적으로 포함
• 도메인 매핑과 CDN 통합은 고성능 웹사이트 구축을 위한 핵심 권장사항