GWT-애플리케이션 배포

이 자습서에서는 응용 프로그램을 만드는 방법을 설명합니다. "war" 파일 및 Apache Tomcat Websever 루트에 배포하는 방법.

이 간단한 예를 이해했다면 동일한 단계에 따라 복잡한 GWT 애플리케이션을 배포 할 수도 있습니다.

GWT 플러그인과 함께 Eclipse IDE를 작동하고 다음 단계에 따라 GWT 애플리케이션을 만듭니다.

단계 기술
1 GWT- 애플리케이션 만들기 장에 설명 된대로 com.tutorialspoint 패키지 아래에 HelloWorld 라는 이름으로 프로젝트를 만듭니다 .
2 아래 설명과 같이 HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.htmlHelloWorld.java 를 수정하십시오 . 나머지 파일은 변경하지 마십시오.
애플리케이션을 컴파일하고 실행하여 비즈니스 로직이 요구 사항에 따라 작동하는지 확인합니다.
4 마지막으로 애플리케이션의 war 폴더 내용을 war 파일 형식으로 압축하여 Apache Tomcat 웹 서버에 배포합니다.
5 마지막 단계에서 아래에 설명 된대로 적절한 URL을 사용하여 웹 애플리케이션을 시작하십시오.

다음은 수정 된 모듈 설명 자의 내용입니다. src/com.tutorialspoint/HelloWorld.gwt.xml.

<?xml version = "1.0" encoding = "UTF-8"?>
<module rename-to = 'helloworld'>
   <!-- Inherit the core Web Toolkit stuff.                        -->
   <inherits name = 'com.google.gwt.user.User'/>

   <!-- Inherit the default GWT style sheet.                       -->
   <inherits name = 'com.google.gwt.user.theme.clean.Clean'/>

   <!-- Specify the app entry point class.                         -->
   <entry-point class = 'com.tutorialspoint.client.HelloWorld'/>

   <!-- Specify the paths for translatable code                    -->
   <source path = 'client'/>
   <source path = 'shared'/>

</module>

다음은 수정 된 스타일 시트 파일의 내용입니다. war/HelloWorld.css.

body {
   text-align: center;
   font-family: verdana, sans-serif;
}

h1 {
   font-size: 2em;
   font-weight: bold;
   color: #777777;
   margin: 40px 0px 70px;
   text-align: center;
}

다음은 수정 된 HTML 호스트 파일의 내용입니다. war/HelloWorld.html.

<html>
   <head>
      <title>Hello World</title>
      <link rel = "stylesheet" href = "HelloWorld.css"/>
      <script language = "javascript" src = "helloworld/helloworld.nocache.js">
      </script>
   </head>

   <body>
      <h1>Hello World</h1>
      <div id = "gwtContainer"></div>
   </body>
</html>

이전 예제에서 HTML을 약간 수정했습니다. 여기에서는 진입 점 Java 클래스를 사용하여 일부 콘텐츠를 삽입 할 자리 표시 자 <div> ... </ div>를 만들었습니다. 그래서 우리는 자바 파일의 다음 내용을 가지고src/com.tutorialspoint/HelloWorld.java.

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;

public class HelloWorld implements EntryPoint {
   public void onModuleLoad() {
      HTML html = new HTML("<p>Welcome to GWT application</p>");
      
      RootPanel.get("gwtContainer").add(html);
   }
}

여기서 우리는 기본적인 widgest HTML을 만들고 id = "gwtContainer"가있는 div 태그 안에 추가했습니다. 우리는 다음 장에서 다양한 GWT 위젯을 연구 할 것입니다.

모든 변경이 완료되면 GWT-Create Application 장 에서했던 것처럼 개발 모드에서 애플리케이션을 컴파일하고 실행 해 보겠습니다 . 응용 프로그램에 문제가 없으면 다음과 같은 결과가 생성됩니다.

WAR 파일 생성

이제 응용 프로그램이 제대로 작동하고 전쟁 파일로 내보낼 준비가되었습니다.

다음 단계를 따르십시오-

  • 프로젝트의 war 예배 규칙서 C:\workspace\HelloWorld\war

  • war 디렉토리 내에서 사용 가능한 모든 파일 및 폴더를 선택하십시오.

  • 선택한 모든 파일 및 폴더를 HelloWorld.zip 이라는 파일로 압축합니다 .

  • 이름 바꾸기 HelloWorld.zip을하여 HelloWorld.war .

WAR 파일 배포

  • Tomcat 서버를 중지하십시오.

  • HelloWorld.war 파일을 다음으로 복사하십시오.tomcat installation directory > webapps folder.

  • Tomcat 서버를 시작하십시오.

  • webapps 디렉토리 내부를 보면 폴더가 있어야합니다. helloworld 만들어졌습니다.

  • 이제 HelloWorld.war이 Tomcat 웹 서버 루트에 성공적으로 배포되었습니다.

응용 프로그램 실행

웹 브라우저에 URL 입력 : http://localhost:8080/HelloWorld 응용 프로그램을 시작하려면

서버 이름 (localhost) 및 포트 (8080)는 Tomcat 구성에 따라 다를 수 있습니다.