연습 - Eclipse에서 앱 배포 관리 - Training

10분

이전 단원에서는 Azure Toolkit for Eclipse의 Azure 탐색기를 사용하여 Azure Web Apps를 관리하고 구성할 수 있다는 것을 배웠습니다. 이 연습에서는 Azure 탐색기를 사용하여 SampleWebApp Azure 웹앱을 중지하고 다시 시작하는 방법을 알아봅니다.

다음으로, Azure 탐색기를 사용하여 구성에 속성 쌍을 추가하여 웹앱을 수정합니다. 이러한 속성의 값을 읽고 웹앱 논리에서 사용하도록 웹앱을 수정합니다. 그런 다음, 웹앱을 다시 배포하고 예상대로 작동하는지 확인합니다.

마지막으로 Azure 탐색기를 사용하여 웹앱을 삭제하고 Azure에서 제거합니다.

웹 서버 중지 및 다시 시작

Eclipse가 아직 실행되지 않은 경우 시작한 후 SampleWebApp 프로젝트를 엽니다.
Azure Toolkit for Eclipse 도구 모음에서 Azure 탐색기 표시를 클릭합니다.
현재 Azure에 로그인하지 않은 경우 이전 연습에 설명된 절차에 따라 Azure 계정에 로그인하고 구독을 선택합니다.
Azure 탐색기 창에서 Web Apps를 확장하고 웹앱을 마우스 오른쪽 단추로 클릭한 다음, 중지를 클릭합니다.
웹앱을 다시 마우스 오른쪽 단추로 클릭한 다음, 브라우저에서 열기를 클릭합니다. 웹 브라우저에 웹앱이 현재 실행되고 있지 않음을 나타내는 HTTP 403 메시지가 표시됩니다.
웹 브라우저를 열어 두고 Eclipse로 돌아갑니다.
Azure 탐색기 창에서 웹앱을 마우스 오른쪽 단추로 한 번 클릭하고 시작을 클릭합니다.
웹 브라우저로 돌아가서 화면을 새로 고칩니다. 웹앱을 다시 실행해야 합니다.
웹 브라우저를 닫고 Eclipse로 돌아갑니다.

웹앱에 구성 속성 추가

Azure 탐색기 창에서 웹앱을 마우스 오른쪽 단추로 클릭한 다음, 속성 표시를 클릭합니다. 웹앱에 대한 속성 창이 표시됩니다.
속성 창에서 새로 만들기를 클릭하여 새 속성 키 및 값을 추가합니다.
새 속성의 키 열에 이름 Delay를 입력한 다음, Enter 키를 누릅니다.
편집을 클릭하고 속성에 대한 값 열에 값 2를 입력한 다음, Enter 키를 누릅니다.
속성 창에서 새로 만들기를 다시 클릭합니다.
Iterations라는 다른 속성을 추가하고 값 10을 지정합니다.
저장을 클릭합니다.
속성이 업데이트됨 메시지 상자가 표시되면 확인을 클릭합니다.

속성을 사용하도록 웹앱 수정

프로젝트 탐색기 창에서 SampleWebApp를 확장하고 WebContent를 확장한 다음, index jsp를 두 번 클릭합니다.
웹 페이지 코드의 본문 섹션에서 아래와 같이 코드를 변경합니다.
```
<body>
    <%! int delayms = Integer.valueOf(System.getenv("Delay")) * 1000;
        int iterations = Integer.valueOf(System.getenv("Iterations"));
        DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %>
    <%  for (int i = 0; i < iterations; i++) {
        Thread.sleep(delayms); %>
        <p>Today's date is <%= fmt.format(new Date()) %></p>
    <% } %>
    <p>Your IP address is <%= request.getRemoteAddr() %></p>
</body>
```
이 코드는 두 속성의 값을 읽습니다. 두 속성은 웹앱 런타임의 환경 변수로 노출됩니다. 이 코드는 Delay에 초 간격으로 날짜 및 시간을 표시하고 Iterations 횟수만큼 반복합니다.

참고

이 예제에서 코드는 출력을 생성할 때 동기적으로 실행됩니다. 즉, 페이지가 표시되는 데 최대 20초가 소요됨을 의미합니다.
파일 메뉴에서 저장을 클릭합니다.
프로젝트 탐색기 창에서 SampleWebApp을 마우스 오른쪽 단추로 클릭하고 Azure를 선택한 다음, Azure 웹앱으로 게시를 클릭합니다.
배포 웹앱 창에서 기본 설정을 적용합니다 .이 작업은 기존 웹앱을 새 버전으로 덮어쓴 다음, 배포를 클릭합니다.

참고

새 버전이 완전히 테스트될 때까지 웹앱의 원래 버전을 유지하려는 경우 웹앱 배포 창 아래쪽에 있는 옵션을 사용하여 새 웹앱을 새 배포 슬롯에 배포합니다.
Azure 활동 로그 창에서 진행률 열에 웹앱이 성공적으로 배포되었다고 표시될 때까지 기다립니다.
Azure 활동 로그 창에서 게시됨 링크를 클릭합니다. 새 브라우저 창이 열립니다. 20초 후 2초 간격으로 시간을 표시한 후 클라이언트 컴퓨터의 IP 주소를 표시하는 메시지가 나타납니다.
브라우저 창을 열어 두고 Eclipse로 돌아갑니다.
Azure 탐색기 창에서 웹앱을 마우스 오른쪽 단추로 클릭한 다음, 속성 표시를 클릭합니다.
속성 창에서 Delay 속성을 선택하고 편집을 클릭합니다. 값을 1로 변경합니다.
Iterations 속성을 선택하고 편집을 클릭한 다음, 값을 5로 변경합니다.
저장을 클릭합니다.
속성이 업데이트됨 메시지 상자에서 확인을 클릭합니다.
웹 브라우저로 다시 전환하여 화면을 새로 고칩니다. 이번에는 페이지에서 1초 간격으로 시간을 표시하고 5번 반복합니다. 웹앱을 다시 배포할 필요는 없습니다.
웹 브라우저를 닫고 Eclipse로 돌아갑니다.

웹앱 삭제

Azure 탐색기 창에서 웹앱을 마우스 오른쪽 단추로 클릭하고 삭제를 클릭합니다.
Azure 탐색기 메시지 상자에서 이 작업을 수행하려고 하는지 확인하는 메시지 상자에서 확인을 클릭합니다.
웹앱이 삭제되면 Azure 탐색기의 Web Apps 폴더에서 사라집니다.

중요

Azure Toolkit for Eclipse를 사용하여 웹앱을 삭제해도 App Service 플랜이 삭제되지 않지만 Azure Portal를 사용하여 계획을 제거할 수 있습니다. 이렇게 하려면 적절한 리소스 그룹으로 이동하여 App Service 플랜을 선택하고 아래 이미지에 나와 있는 것처럼 삭제를 클릭합니다.

Screenshot of the Azure portal. The user is deleting the app service plan.

계속

연습 - Eclipse에서 앱 배포 관리

웹 서버 중지 및 다시 시작

웹앱에 구성 속성 추가

속성을 사용하도록 웹앱 수정

웹앱 삭제

피드백