GWT - Distribuisci applicazione

Questo tutorial ti spiegherà come creare un'applicazione "war" file e come distribuirlo in Apache Tomcat Websever root.

Se hai compreso questo semplice esempio, sarai anche in grado di distribuire un'applicazione GWT complessa seguendo gli stessi passaggi.

Facci funzionare l'IDE Eclipse insieme al plug GWT e segui i seguenti passaggi per creare un'applicazione GWT:

Passo Descrizione
1 Crea un progetto con un nome HelloWorld sotto un pacchetto com.tutorialspoint come spiegato nel capitolo GWT - Crea applicazione .
2 Modifica HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html e HelloWorld.java come spiegato di seguito. Mantieni il resto dei file invariato.
3 Compilare ed eseguire l'applicazione per assicurarsi che la logica aziendale funzioni secondo i requisiti.
4 Infine, comprimi il contenuto della cartella war dell'applicazione sotto forma di file war e distribuiscilo nel server Web Apache Tomcat.
5 Avvia la tua applicazione web utilizzando l'URL appropriato come spiegato di seguito nell'ultimo passaggio.

Di seguito è riportato il contenuto del descrittore del modulo modificato 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>

Di seguito è riportato il contenuto del file del foglio di stile modificato 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;
}

Di seguito è riportato il contenuto del file host HTML modificato 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>

Ho modificato leggermente l'HTML dall'esempio precedente. Qui ho creato un segnaposto <div> ... </div> dove inseriremo del contenuto usando la nostra classe java del punto di ingresso. Quindi cerchiamo di avere il seguente contenuto del file 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);
   }
}

Qui abbiamo creato un HTML più ampio di base e l'abbiamo aggiunto all'interno del tag div con id = "gwtContainer". Studieremo diversi widget GWT nei prossimi capitoli.

Una volta che sei pronto con tutte le modifiche apportate, compiliamo ed eseguiamo l'applicazione in modalità sviluppo come abbiamo fatto nel capitolo GWT - Crea applicazione . Se tutto va bene con la tua applicazione, questo produrrà il seguente risultato:

Crea file WAR

Ora la nostra applicazione funziona bene e siamo pronti per esportarla come file war.

Segui i seguenti passaggi:

  • Entra nel tuo progetto war directory C:\workspace\HelloWorld\war

  • Seleziona tutti i file e le cartelle disponibili nella directory war.

  • Comprimi tutti i file e le cartelle selezionati in un file chiamato HelloWorld.zip .

  • Rinomina HelloWorld.zip in HelloWorld.war .

Distribuisci file WAR

  • Arresta il server Tomcat.

  • Copia il file HelloWorld.war intomcat installation directory > webapps folder.

  • Avvia il server Tomcat.

  • Guarda nella directory webapps, dovrebbe esserci una cartella helloworld è stato creato.

  • Ora HelloWorld.war viene distribuito con successo nella root del server Web Tomcat.

Esegui l'applicazione

Inserisci un URL nel browser web: http://localhost:8080/HelloWorld per avviare l'applicazione

Il nome del server (localhost) e la porta (8080) possono variare in base alla configurazione di Tomcat.