Azure Static Web App 서비스
- Azure 에서 정적 컨텐츠 (js, css, images) 들을 호스팅 할 수 있는 Pass 서비스
- 서버 사이드 렌더링이 필요하지 않는 CSR 이 가능한 Angular, React, Svelte, Vue 또는 blazor 같은 라이브러리와 프레임워크를 사용하여 빌드
- Azure Functions 를 통하여 API 를 제공 받을 수 있다.
- Azure Web App 과 같이 배포, 무료 SSL, CORS 및 보안 서비스 등을 Azure 에서 관리하는 형태로 제공한다.
- 주요 기능
- HTML, CSS, JavaScript 및 이미지와 같은 정적 컨텐츠에 대한 호스팅
- 자동으로 갱신되는 무료 SSL 인증서
- CORS 구성이 필요 없는 API 를 호출할 때 역방향 프록시를 사용하는 원할한 보안 모델
- Github 및 Azure DevOps 와 통합되는 쉬운 배포
- 보안
- 배포 슬롯 (무중단 배포 및 테스트 환경 제공)
Static Web Apps로 수행할 수 있는 작업
- Azure Functions 백 엔드를 통해WebAssembly 애플리케이션을 만드는 Angular, React, Svelte, Vue, Blazor 같은 JavaScript 프레임워크와 라이브러리를 사용하여 최신 웹 애플리케이션을 빌드 한다.
- Gatsby, Hugo, VuePress 와 같은 프레임워크를 사용하여 정적 사이트를 게시 합니다.
- Next.js 및 Nuxt.js 와 같은 프레임워크를 사용하여 웹 애플리케이션 을 배포합니다.
- 웹 어플리케이션 배포란 서버렌더링 (SSR) 지원이 아닌 제너레이터 (SSG) 로 의해 빌드된 정적 파일들을 의미함.
Azure Static Web Apps의 할당량
| 기능 | 무료 요금제 | 표준 계획 |
|---|---|---|
| 포함된 대역폭 | 구독당 월 100GB | 구독당 월 100GB |
| 초과분 대역폭 | 사용할 수 없음 | GB당 $0.20 |
| Azure 구독당 앱 | 10 | 제한 없음 |
| 앱 크기 | 250MB | 500MB |
| 계획 크기 | 단일 배포의 경우 최대 앱 크기 500MB, 모든 준비 및 프로덕션 환경의 경우 최대 0.50GB | 단일 배포의 경우 최대 500MB의 앱 크기, 모든 준비 및 프로덕션 환경에서 결합하여 최대 2.00GB |
| 사전 프로덕션 환경 | 3 | 10 |
| 사용자 지정 도메인 | 앱당 2 개 | 앱당 5 개 |
| 권한 부여(기본 제공 역할) | 기본 제공 authenticated 역할로 인증할 수 있는 무제한 최종 사용자 |
기본 제공 authenticated 역할로 인증할 수 있는 무제한 최종 사용자 |
| 권한 부여(사용자 지정 역할) | 초대를 통해 사용자 지정 역할에 속할 수 있는 최대 25 명의 최종 사용자 | 초대를 통해 사용자 지정 역할에 속할 수 있는 최대 25 명의 최종 사용자 또는 서버리스 함수를 통해 사용자 지정 역할을 할당할 수 있는 무제한 최종 사용자 |