연습 - Java 웹앱 만들기

10분

이전 단원에서는 개발자가 컴퓨터에서 웹앱을 로컬로 실행하는 데 사용하는 두 가지 일반적인 플러그 인인 Eclipse Jetty 와 Apache Tomcat이 있다는 것을 배웠습니다. Azure App Service 플러그 인은 이러한 웹 서버를 모두 지원하며, 회사는 Apache 재단의 광범위한 업계 채택 및 지원으로 인해 Java 웹 프로젝트에 Tomcat을 사용하기로 결정했습니다. 회사가 기존 Java 프로젝트를 Azure로 마이그레이션하기 위해 수행해야 하는 작업을 이해하는 데 도움이 되도록 Maven 및 아키타입을 사용하여 테스트 웹앱을 만들기로 결정했습니다.

이 연습에서는 원형을 사용하여 maven-archetype-webapp 새 Java 웹앱을 만듭니다. 웹앱을 만든 후에는 로컬에서 앱을 테스트할 수 있도록 Tomcat 플러그 인을 추가하도록 파일을 업데이트 pom.xml 합니다. 그런 다음 앱이 실행되는 위치에 대한 자세한 정보를 제공하도록 업데이트합니다.

Java 웹앱 만들기

오른쪽의 Azure Cloud Shell에서 다음 Maven 명령을 사용하여 새 Java 웹앱을 만듭니다.

mvn archetype:generate \
  -DgroupId=com.microsoft.example \
  -DartifactId=MyWebApp \
  -DarchetypeArtifactId=maven-archetype-webapp \
  -DarchetypeVersion=1.4 \
  -DinteractiveMode=false

프로젝트 디렉터리로 이동한 후 웹앱의 pom.xml 파일을 편집하는 데 code를 사용하세요.
```
cd MyWebApp
code pom.xml
```

파일에서 <plugins>pom.xml 요소를 찾아 기존 플러그 인 아래에 다음 <plugin> 을 추가합니다. 그러면 로컬 웹 서버를 실행하여 웹앱을 테스트할 수 있습니다.

<plugin>
  <groupId>org.codehaus.cargo</groupId>
  <artifactId>cargo-maven3-plugin</artifactId>
  <version>1.10.13</version>
  <configuration>
    <container>
      <containerId>tomcat11x</containerId>
    </container>
    <configuration>
      <properties>
        <!-- http port needed in the sandbox is 8000 -->
        <cargo.servlet.port>8000</cargo.servlet.port>
      </properties>
    </configuration>
  </configuration>
</plugin>

Ctrl+S를 입력하여 변경 내용을 저장합니다.
Ctrl+Q를 입력하여 코드 편집기를 종료합니다.
Maven을 사용하여 새 웹앱을 패키지합니다.
```
mvn package
```

샘플 웹앱 테스트

이 연습에서는 로컬 웹 서버를 브라우저에서 볼 수 있도록 포트를 열어야 합니다. 이렇게 하려면 Cloud Shell에서 다음 curl 명령을 사용합니다.
```
curl -X POST http://localhost:8888/openPort/8000;
```
이 curl 명령은 다음 예제와 같은 JSON 개체를 반환합니다. 이 개체는 이 연습의 뒷부분에서 웹 서버를 보는 데 사용할 URL을 포함합니다.
```
{"message":"Port 8000 is open","url":"https://gateway18.westeurope.console.azure.com/n/cc-1829663c/cc-1829663c/proxy/8000/"}
```
Maven을 사용하여 Tomcat 웹 서버를 시작합니다.
```
mvn cargo:run
```
먼저 이전에 실행한 명령어로 반환된 JSON에서 URL을 사용하여 새로운 브라우저 탭을 열고, 그 URL의 끝에 MyWebApp/를 덧붙입니다. 예를 들어 위의 그림을 사용하여 해당 URL은 https://gateway18.westeurope.console.azure.com/n/cc-1829663c/cc-1829663c/proxy/8000/MyWebApp/.입니다. 브라우저에 Hello World!가 표시됩니다.
Cloud Shell에서 Ctrl+C 를 입력하여 웹 서버를 종료합니다.

다음 단원에서는 Azure App Service에 웹앱을 배포하는 방법을 알아봅니다.

연습 - Java 웹앱 만들기

Java 웹앱 만들기

샘플 웹앱 테스트

피드백