GWT - Implementar aplicación

Este tutorial le explicará cómo crear una aplicación. "war" y cómo implementarlo en la raíz de Apache Tomcat Websever.

Si entendió este simple ejemplo, también podrá implementar una aplicación GWT compleja siguiendo los mismos pasos.

Tengamos Eclipse IDE funcionando junto con el complemento GWT en su lugar y sigamos los siguientes pasos para crear una aplicación GWT:

Paso Descripción
1 Cree un proyecto con un nombre HelloWorld en un paquete com.tutorialspoint como se explica en el capítulo GWT - Crear aplicación .
2 Modifique HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html y HelloWorld.java como se explica a continuación. Mantenga el resto de los archivos sin cambios.
3 Compile y ejecute la aplicación para asegurarse de que la lógica empresarial funcione según los requisitos.
4 Finalmente, comprima el contenido de la carpeta war de la aplicación en forma de archivo war e impleméntelo en Apache Tomcat Webserver.
5 Inicie su aplicación web utilizando la URL adecuada como se explica a continuación en el último paso.

A continuación se muestra el contenido del descriptor de módulo modificado 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>

A continuación se muestra el contenido del archivo de hoja de estilo modificado 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;
}

A continuación se muestra el contenido del archivo de host HTML modificado 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>

Modifiqué HTML un poco del ejemplo anterior. Aquí creé un marcador de posición <div> ... </div> donde insertaremos algo de contenido usando nuestra clase Java de punto de entrada. Así que tengamos el siguiente contenido del archivo Javasrc/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);
   }
}

Aquí lo creamos en HTML básico de widgest y lo agregamos dentro de la etiqueta div que tiene id = "gwtContainer". Estudiaremos diferentes widgets de GWT en los próximos capítulos.

Una vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación en modo de desarrollo como hicimos en el capítulo GWT - Crear aplicación . Si todo está bien con su aplicación, esto producirá el siguiente resultado:

Crear archivo WAR

Ahora nuestra aplicación está funcionando bien y estamos listos para exportarla como un archivo war.

Siga los siguientes pasos:

  • Entra en tu proyecto war directorio C:\workspace\HelloWorld\war

  • Seleccione todos los archivos y carpetas disponibles dentro del directorio war.

  • Comprima todos los archivos y carpetas seleccionados en un archivo llamado HelloWorld.zip .

  • Cambie el nombre de HelloWorld.zip a HelloWorld.war .

Implementar archivo WAR

  • Detenga el servidor Tomcat.

  • Copie el archivo HelloWorld.war atomcat installation directory > webapps folder.

  • Inicie el servidor Tomcat.

  • Mire dentro del directorio de aplicaciones web, debería haber una carpeta helloworld fue creado.

  • Ahora HelloWorld.war se ha implementado con éxito en la raíz del servidor web Tomcat.

Ejecutar aplicación

Ingrese una URL en el navegador web: http://localhost:8080/HelloWorld para iniciar la aplicación

El nombre del servidor (localhost) y el puerto (8080) pueden variar según su configuración de tomcat.