[11주차] Azure - AppService를 이용한 정적 HTML웹앱 배포

Azure의 AppService는 AWS의 ElasticBeanstalk과 비슷한 서비스이다.

사용자는 코드만 작성하고, 나머지 프로비저닝과 운영은 Azure에서 한다.

이러한 AppService를 통해 html 웹앱을 배포해보자.

 

1. portal에서 Azure Cloud Shell 사용

맨 위 상단 바에서

이 버튼을 누른다.

 

그럼 하단에 shell이 생기면서

스토리지를 생성하게 만든다.

 

2. 코드 git clone 및 AppService 시작.

html sample 코드를 받을 디렉터리를 만들자.

mkdir quickstart
cd quickstart
git clone https://github.com/Azure-Samples/html-docs-hello-world.git
cd html-docs-hello-world

그럼 이렇게 html-docs-hello-world가 clone 되었다.

 

이제 배포 코드를 입력한다.

현재 위치한 디렉터리를 zip으로 만들어 배포함으로,  html-docs-hello-world에 위치해야 한다.

az webapp up --location eastus --name samplepage1 --html

구성이 끝나면 아래와 같은 메시지가 나오는데, app_url로 들어가면 html웹앱을 볼 수 있다.

바로 클릭하면 %22가 붙는데 지우면 잘 보인다.

3. index.html을 조금 수정하여 다시 배포

index.html 파일을 고치고,

az webapp up --location eastus --name samplepage1 --html

이 코드를 한번 더 입력하면, 새로운 버전으로 배포된다.

(name 뒤에 오는 이름을 이전에 만들었던 것과 똑같이 해야 새로운 appservice를 만들지 않고 배포된다.)

끝